/* Ahl Control — design tokens. "Blueprint & Ember" (R0.4):
   a cool instrument-panel base — deep slate + blueprint teal — lit by a single
   warm EMBER accent that means "a room that's on." Diverges on purpose from the
   Ahlchemy warm-brown/gold house style. WCAG AA maintained in both themes.

   NOTE: token NAMES are preserved from earlier releases (app.js sets inline
   styles against them, and rooms carry their own per-room --room-accent). Only
   the VALUES changed: --gold* now carry the blueprint-teal primary, and
   --on-glow carries the ember glow. --on-accent is the text color on a filled
   accent button (new). */

:root,
:root[data-theme="dark"] {
  --bg:        #0E1419;   /* deep slate — OLED/night friendly */
  --bg-grid:   rgba(79,182,198,.055);   /* faint blueprint grid */
  --panel:     #121A20;
  --surface:   #151D24;
  --surface-2: #1C2730;
  --surface-3: #27333D;
  --line:      #2A3742;
  --line-soft: #202B33;

  --text:      #E6EDF2;
  --text-2:    #C4D2DB;
  --muted:     #9DB0BE;
  --muted-2:   #6E8394;

  /* primary = blueprint teal (carried on the old --gold* names) */
  --gold:      #4FB6C6;
  --gold-soft: #7FD3DF;   /* bright teal: readouts, links, "on" labels */
  --gold-deep: #2E8D9C;
  --patina:    #46B98A;
  --ink:       #0A1216;   /* dark — toast bg, deep ink */
  --on-accent: #06171B;   /* text on a filled teal/accent button */

  --ok:        #46B98A;
  --warn:      #E0A33A;
  --alert:     #D5603A;

  --accent:    var(--gold);          /* global fallback; rooms override --room-accent */
  --on-glow:   #F0A23C;              /* EMBER — the "live/on" glow */

  --radius:    14px;
  --radius-sm: 8px;
  --shadow:    0 6px 22px rgba(0,0,0,.5);
  --shadow-lg: 0 18px 50px rgba(0,0,0,.6);

  --font-display: "Space Grotesk", system-ui, sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, monospace;

  color-scheme: dark;
}

:root[data-theme="light"] {
  --bg:        #E7EEF0;   /* cool paper */
  --bg-grid:   rgba(28,127,142,.07);
  --panel:     #F3F7F8;
  --surface:   #FFFFFF;
  --surface-2: #F1F6F7;
  --surface-3: #E3ECEE;
  --line:      #CEDCE0;
  --line-soft: #DFE9EB;

  --text:      #13212A;
  --text-2:    #2B3B45;
  --muted:     #4E6373;
  --muted-2:   #7E929E;

  --gold:      #1C7F8E;   /* teal ink — AA on white */
  --gold-soft: #176E7C;
  --gold-deep: #155B67;
  --patina:    #2F6E64;
  --ink:       #13212A;   /* dark toast bg */
  --on-accent: #FFFFFF;   /* white text on darker teal button */

  --ok:        #2E8B5B;
  --warn:      #9C6A1C;
  --alert:     #C0432F;

  --accent:    var(--gold);
  --on-glow:   #B5701A;   /* ember ink on light */

  --shadow:    0 6px 18px rgba(19,33,42,.12);
  --shadow-lg: 0 18px 44px rgba(19,33,42,.18);

  color-scheme: light;
}