/* Arbiter / Trace — color tokens.
   Two themes from one token source. Light is the warm-neutral default; dark is graphite.
   Orange = action/current state, NEVER severity. Status is always word + glyph + color. */

:root {
  /* base — light (warm neutral) */
  --canvas: #F5F3ED;
  --surface: #FCFBF7;
  --surface-raised: #FFFFFF;
  --code: #ECEAE2;
  --ink: #171A1F;
  --muted: #5C6470;
  --line: #8A857B;
  --line-soft: #C8C4BA;
  --accent: #C2410C;
  --accent-hover: #9A3412;
  --accent-ink: #FFFFFF;        /* text on accent */

  /* status — word + optional glyph + color; color never carries status alone */
  --status-blocker: #B4232F;
  --status-concern: #8A4B08;
  --status-note: #2459A9;
  --status-pass: #1F6B45;

  /* dashboard severity aliases (critical/major/minor/nit) */
  --sev-critical: var(--status-blocker);
  --sev-major: var(--status-concern);
  --sev-minor: var(--status-note);
  --sev-nit: var(--muted);

  /* semantic aliases */
  --text-body: var(--ink);
  --text-secondary: var(--muted);
  --surface-page: var(--canvas);
  --surface-card: var(--surface);
  --surface-overlay: var(--surface-raised);
  --surface-code: var(--code);
  --border-strong: var(--line);
  --border-soft: var(--line-soft);

  /* tints for status backgrounds (quiet wells behind labeled status) */
  --status-blocker-tint: rgba(180, 35, 47, 0.08);
  --status-concern-tint: rgba(138, 75, 8, 0.08);
  --status-note-tint: rgba(36, 89, 169, 0.08);
  --status-pass-tint: rgba(31, 107, 69, 0.08);
  --accent-tint: rgba(194, 65, 12, 0.08);

  color-scheme: light;
}

[data-theme="dark"] {
  --canvas: #111316;
  --surface: #191C21;
  --surface-raised: #22262D;
  --code: #0C0E11;
  --ink: #F2F0E8;
  --muted: #A8AFB8;
  --line: #747D89;
  --line-soft: #59616C;
  --accent: #FB923C;
  --accent-hover: #FDBA74;
  --accent-ink: #1A1005;

  --status-blocker: #FF7B86;
  --status-concern: #F0B35B;
  --status-note: #7FB0FF;
  --status-pass: #65C890;

  --status-blocker-tint: rgba(255, 123, 134, 0.10);
  --status-concern-tint: rgba(240, 179, 91, 0.10);
  --status-note-tint: rgba(127, 176, 255, 0.10);
  --status-pass-tint: rgba(101, 200, 144, 0.10);
  --accent-tint: rgba(251, 146, 60, 0.10);

  color-scheme: dark;
}