/* ═══ CONSUMERSUIT DESIGN SYSTEM — P1 token layer (queue #64, est. 2026-08-28) ═══
   Loaded LAST so it wins cascade ties. Source of truth: /design/DESIGN-SYSTEM.md.
   P1 scope: ONE accent per stage (accent2/flame flattened), glow stacking removed,
   dossier tokens defined. No layout, no copy, no engine changes — pure skin. */

:root {
  --ink: #1C1A17;        /* words */
  --paper: #EDE6D6;      /* surfaces */
  --manila: #D9C7A0;     /* cards/folders */
  --desk: #141210;       /* ground */
  --graphite: #6B675E;   /* muted */
  --stamp: #9C2F20;      /* verdicts only */
  --lamp: #E8B96A;       /* light only */
}

/* ── ONE ACCENT PER STAGE — the two-tone accent2/flame pair flattens to a single
   dignified accent per stage. Stage identity via hue, not via glow stacks. ── */
#main-app #ui-phase-1 { --accent: #E8B96A; --accent2: #E8B96A; --flame: #E8B96A; }  /* Analyse — lamp   */
#main-app #ui-phase-2 { --accent: #9FB3CC; --accent2: #9FB3CC; --flame: #9FB3CC; }  /* Evidence — steel */
#main-app #ui-phase-3 { --accent: #D9C7A0; --accent2: #D9C7A0; --flame: #D9C7A0; }  /* Document — manila*/
#main-app #ui-phase-4 { --accent: #B3402E; --accent2: #B3402E; --flame: #B3402E; }  /* Hearing — verdict*/

/* ── ONE QUIET WASH PER STAGE (revised after founder visual pass 2026-08-28:
   full transparency flattened stage identity — every stage read as the same room.
   The correct discipline is a SINGLE subtle accent tint per stage, not zero.) ── */
#main-app #ui-phase-1 { --stage-glow: rgba(232, 185, 106, .07); }  /* Analyse — lamp warmth  */
#main-app #ui-phase-2 { --stage-glow: rgba(159, 179, 204, .06); }  /* Evidence — cool light */
#main-app #ui-phase-3 { --stage-glow: rgba(217, 199, 160, .06); }  /* Document — paper tone */
#main-app #ui-phase-4 { --stage-glow: rgba(179, 64, 46, .05);  }  /* Hearing — low and serious */

/* ── VERDICT COLOR GOES TO VERDICTS — anywhere the old flame accent painted a
   non-verdict element red, it now inherits the stage accent instead. ── */
#main-app [id^="ui-phase-"] .flame-as-decor { color: var(--accent); }