/* Replay / Graphite. Neutral surfaces based on Radix Gray; accents stay local. */
:root {
  --gray-100:#f7f7f7; --gray-200:#eeeeee; --gray-300:#e8e8e8;
  --gray-600:#606060; --gray-900:#202020;
  --graphite-700:#2a2a2a; --graphite-800:#222222; --graphite-900:#191919;
  --indigo-600:#4f5ed5; --indigo-300:#acb4ff;
  --green-100:#e2eee5; --green-700:#28633d; --green-300:#9fd5b0; --green-900:#1c3025;

  --bg:var(--gray-200); --surface:var(--gray-100); --raised:#fafafa;
  --sidebar:var(--gray-300); --ink:var(--gray-900); --muted:var(--gray-600);
  --line:#d2d2d2; --accent:var(--indigo-600); --on-accent:#ffffff;
  --soft:#e4e5f1; --own:#e3e5f0; --danger:#a0373c; --green:var(--green-700);
  --demand-ink:var(--green-700); --demand-bg:var(--green-100); --demand-border:#9bbbA5;
  --deadline-safe-ink:#28633d; --deadline-safe-bg:#e2eee5; --deadline-safe-border:#9bbba5;
  --deadline-soon-ink:#72520e; --deadline-soon-bg:#f4ecd6; --deadline-soon-border:#c6a759;
  --deadline-late-ink:#942f35; --deadline-late-bg:#f6e5e6; --deadline-late-border:#c27e81;
  --shadow:0 12px 32px #0000000a; --scrim:#111111a8;
  --font:'IBM Plex Sans','Segoe UI',sans-serif; --display:'Manrope','Segoe UI',sans-serif;
  --radius:12px; --input-bg:var(--surface); --button-bg:var(--raised);
  --chat-action:#087a55; --chat-on-action:#ffffff; --chat-activity:#087a55;
  --chat-activity-soft:#d9eee2; --chat-own:#d9f3e2;
  --chat-warning:#b65a15; --chat-on-warning:#351b08; --chat-notice-bg:#ff944d;
  --chat-unread-bg:#21c063; --chat-unread-ink:#062b17; --chat-read:#1688c2;
  --voice-received-bg:var(--surface); --voice-own-bg:var(--chat-own);
  --voice-muted:#667781; --voice-own-muted:#60766a; --voice-wave:#8f9d98; --voice-own-wave:#7b9b88;
  --voice-progress:#1688c2; --voice-knob:#ffffff;
  --voice-speed-bg:#0a1f16; --voice-speed-ink:#ffffff;
  --motion:160ms; color-scheme:light;
}
/* Escuro em preto de verdade (pixel apagado nas telas OLED), com superfícies em degraus para manter a hierarquia. */
html[data-theme=dark] {
  --bg:#000000; --surface:#111111; --raised:#1c1c1e;
  --sidebar:#000000; --ink:#ececec; --muted:#a8a8ad; --line:#2c2c2e;
  --accent:var(--indigo-300); --on-accent:#20233c; --soft:#2e3040; --own:#2b2d3b;
  --danger:#efa6a6; --green:var(--green-300);
  --demand-ink:var(--green-300); --demand-bg:var(--green-900); --demand-border:#476d53;
  --deadline-safe-ink:#9fd5b0; --deadline-safe-bg:#1c3025; --deadline-safe-border:#476d53;
  --deadline-soon-ink:#e4c779; --deadline-soon-bg:#352e1d; --deadline-soon-border:#766238;
  --deadline-late-ink:#f0aaaa; --deadline-late-bg:#392023; --deadline-late-border:#925057;
  --shadow:0 12px 32px #00000030; --scrim:#090909b8; color-scheme:dark;
  --chat-action:#21c063; --chat-on-action:#062b17; --chat-activity:#21c063;
  --chat-activity-soft:#143629; --chat-own:#154b38;
  --chat-warning:#ff944d; --chat-on-warning:#351b08; --chat-read:#53bdeb;
  --voice-received-bg:#1c1c1e; --voice-own-bg:#154d38;
  --voice-muted:#a7a8a8; --voice-own-muted:#a4b8b0; --voice-wave:#666767; --voice-own-wave:#608373;
  --voice-progress:#53a6fd; --voice-knob:#fafafa;
  --voice-speed-bg:#0a1f16; --voice-speed-ink:#ffffff;
}

/* Propostas estruturais: um acento roxo, superfícies neutras e contraste AA. */
:root {
  --layout-accent:#6344b5; --layout-on-accent:#ffffff; --layout-soft:#ede8f7;
  --layout-canvas:#f7f7f7; --layout-muted:#606060;
}
html[data-theme=dark] {
  --layout-accent:#c6b5ff; --layout-on-accent:#251846; --layout-soft:#30283f;
  --layout-canvas:#000000; --layout-muted:#b4b4b4;
}

/* Fusion · Vidro e luz. Nove tamanhos, superfícies sólidas leves e cor semântica.
   Mantém os tokens legados como contrato dos componentes e dos layouts pessoais. */
html[data-brand=fusion] {
  --size-xs:11px; --size-sm:12px; --size-meta:13px; --size-body:14px;
  --size-lead:16px; --size-title:20px; --size-heading:28px; --size-display:40px; --size-hero:64px;
  --t1:var(--ink); --t2:var(--muted); --t3:var(--tertiary); --t4:var(--control-line);
  --font:'Inter',system-ui,sans-serif; --display:var(--font);
  --bg:#f1f0f7; --surface:#ffffff; --raised:#f8f7fb; --sidebar:#f8f7fb; --card3:#efedf5;
  --ink:#14121b; --muted:#625e70; --tertiary:#6b6879; --line:rgba(24,20,44,.12);
  --highlight:#ffffff; --control-line:#827b91;
  --accent:#6340bc; --on-accent:#ffffff; --soft:#eee9f8; --own:#efedf5;
  --green:#13734f; --amber:#9a4a00; --danger:#b5263c;
  --amber-bar:#c46a00; --led-r-line:#b45309; --led-c:#1f9c6a; --led-on:var(--led-c); --led-glow:transparent; --led-reported:var(--led-r-line);
  --led-red-bg:#fbe6eb; --led-off:#e5e2ec;
  --aurora:rgba(99,64,188,.10); --health-light:rgba(33,130,88,.08);
  --shadow:0 1px 2px #18142c08,0 16px 40px -24px #34246e30; --radius:14px;
  --input-bg:var(--surface); --button-bg:var(--surface);
  --layout-accent:#6340bc; --layout-on-accent:#ffffff;
  --layout-soft:#eee9f8; --layout-canvas:#f1f0f7; --layout-muted:#625e70;
  --chat-action:var(--accent); --chat-on-action:var(--on-accent); --chat-activity:var(--accent);
  --chat-activity-soft:var(--soft); --chat-own:var(--own);
  --chat-unread-bg:var(--accent); --chat-unread-ink:var(--on-accent); --chat-read:var(--accent);
  --voice-received-bg:var(--card3); --voice-own-bg:var(--own);
  --voice-muted:var(--muted); --voice-own-muted:var(--muted); --voice-wave:var(--tertiary); --voice-own-wave:var(--tertiary);
  --voice-progress:var(--accent); --voice-speed-bg:#27232f;
  --deadline-safe-ink:var(--green); --deadline-safe-bg:#e7f3ec; --deadline-safe-border:#82ad96;
  --deadline-soon-ink:var(--amber); --deadline-soon-bg:#fff1dd; --deadline-soon-border:#b88b51;
  --deadline-late-ink:var(--danger); --deadline-late-bg:#fbe6eb; --deadline-late-border:#c67b87;
  --demand-ink:var(--ink); --demand-bg:var(--surface); --demand-border:var(--line);
}
html[data-brand=fusion][data-theme=dark] {
  --layout-accent:#aa91ff; --layout-on-accent:#18131f;
  --layout-soft:#241e33; --layout-canvas:#000000; --layout-muted:#b2afc0;
  --bg:#000000; --surface:#0b0b0e; --raised:#111115; --sidebar:#0b0b0e; --card3:#18181d;
  --ink:#f4f3f9; --muted:#b2afc0; --tertiary:#a09bab; --line:rgba(255,255,255,.09);
  --highlight:rgba(255,255,255,.06); --control-line:#8c8799;
  --accent:#aa91ff; --on-accent:#18131f; --soft:#241e33; --own:#18181d;
  --green:#5fd4a0; --amber:#ffbe5c; --danger:#ff6b7a;
  --amber-bar:#ffbe5c; --led-r-line:#ffbe5c; --led-c:#5fd4a0; --led-on:var(--led-c); --led-glow:rgba(95,212,160,.45); --led-reported:#ffbe5c;
  --led-red-bg:#3a1821; --led-off:#141418;
  --aurora:rgba(170,145,255,.14); --health-light:rgba(95,212,160,.08);
  --shadow:0 16px 40px -24px #000; --scrim:#000a;
  --deadline-safe-bg:#10281f; --deadline-safe-border:#4b9671;
  --deadline-soon-bg:#2d2317; --deadline-soon-border:#a17b40;
  --deadline-late-bg:#361820; --deadline-late-border:#b5606e;
}