/* GENERATED — do not edit by hand.
   Source of truth: design/rebrand-handoff/assets/vision-finish.css
   Regenerate: python3 design/rebrand-handoff/assets/sync_tokens.py */
/* Vision — "Stone on umber" finish (own-finish BUILD.md §3.2).
   Night from R4-Vis; day (Vibranium Silver) from R4-Vis-Day-Silver — Vision is
   the only app that keeps its day/night toggle live (§5). */
[data-app="vision"] {
  --room:        #15100C;
  --room-wash:   radial-gradient(700px 520px at 30px 20px, rgba(240,201,74,.09), transparent 62%),
                 radial-gradient(1100px 600px at 90% 100%, rgba(120,80,40,.16), transparent 65%);
  --light:       #F0C94A;      /* the Mind Stone; fills, rings, active bar, primary button */
  --light-text:  #E3C977;      /* Fraunces headings and labels */
  --ink:         #F4EDE4;
  --ink-2:       #C9BBAC;
  --ink-3:       #B9A99A;
  --ink-dim:     #8E7E70;
  --panel:       linear-gradient(180deg, #1E1712, #181310);
  --panel-edge:  rgba(240,201,74,.10);
  --r-card:      10px;
  --f-display:   'Fraunces';

  /* Re-skin the existing chassis CSS immediately — see the identical note
     in jarvis-finish.css. */
  --bg:         var(--room);
  --panel-side: var(--room);
  --border:     var(--panel-edge);
  --t-hi:       var(--ink);
  --t-mid:      var(--ink-2);
  --t-lo:       var(--ink-dim);
  --arc:        var(--light);
  --f-disp:     var(--f-display);
}

/* Day — Vibranium Silver. Only Vision gets this (§5). */
[data-app="vision"][data-mode="stone"] {
  --room:        #E4E7EC;
  --nav:         rgba(236,239,243,.94);
  --panel:       linear-gradient(180deg, #FBFCFD, #F4F6F9);
  --panel-edge:  rgba(60,70,90,.10);
  --panel-edge-hero: rgba(184,145,42,.45);
  --divider:     rgba(60,70,90,.09);
  --light:       #F0C94A;      /* fills, ring, primary button — unchanged from night */
  --light-text:  #8A6A14;      /* Fraunces headings/labels; 6.9:1 on the room */
  --ink:         #1B1D22;
  --ink-2:       #4A4E58;
  --ink-3:       #666B76;
  --ink-dim:     #8A8F9A;
  --bar-muted:   #B4BAC6;
  --ring-track:  #D9DDE4;
  --hero-wash:   radial-gradient(circle at 4% 50%, rgba(240,201,74,.12), transparent 70%);   /* NOT .35 — that smears yellow across a cool room */
  /* status, day-specific (Vision's own room needs different offsets than the
     suite's default Stone day values in tokens.css — a contrast fix, not a
     re-opening of the "status colours are suite-wide" rule in §1) */
  --gain:  #2F7A48;
  --watch: #A8631A;   /* "caution" */
  --alert: #B3261E;   /* alert text on rgba(226,54,54,.12) */

  /* Re-skin the existing chassis CSS immediately — see the identical note
     in jarvis-finish.css. Day mode already has its own tokens.css block
     (html[data-mode="stone"]) with these same names; this just wins on
     specificity ([data-app] + [data-mode] beats a bare attribute selector)
     so Vision's day room uses ITS OWN values instead of the suite default. */
  --bg:         var(--room);
  --panel-side: var(--room);
  --border:     var(--panel-edge);
  --t-hi:       var(--ink);
  --t-mid:      var(--ink-2);
  --t-lo:       var(--ink-dim);
  --arc:        var(--light);
  --f-disp:     var(--f-display);
}
