/*
  Shared themes, the single source of truth for the Workshop shell and every app in it
  (Prioritizer, Agents, Settings). Apps load this file directly.

  Edit themes here only. When you add or change one, also update THEMES and SWATCH in
  shared/theme.js (`node tests/check-themes.mjs` fails if they disagree). Until WS8, eng-agents'
  static dashboard page still copies this file with core/scripts/dashboard/sync-themes.mjs.

  Each theme sets eight base colors. Everything else is derived below, so a new theme only
  needs these eight. Keep text at WCAG AA (4.5:1) for ink, muted, accent, danger, and warn
  against both bg and surface.

  The line below names every theme in menu order. Keep the format: eng-agents' sync script reads it.
  themes: slate=Slate, graphite=Graphite, ivory=Ivory, rose=Rosé, solarized=Solarized Light, nord=Nord, dracula=Dracula
*/
:root,
:root[data-theme=slate]    {--bg:#F7F7F8;--surface:#FFFFFF;--ink:#1C1D21;--muted:#5C5F66;--accent:#4F46E5;--on-accent:#FFFFFF;--danger:#B42318;--warn:#94570A;color-scheme:light}
:root[data-theme=graphite] {--bg:#141518;--surface:#1C1E22;--ink:#E8E9EC;--muted:#A0A4AB;--accent:#8C88FF;--on-accent:#141518;--danger:#F97066;--warn:#E3A64A;color-scheme:dark}
:root[data-theme=ivory]    {--bg:#FBF8F1;--surface:#FFFDF8;--ink:#3A3230;--muted:#6B5F59;--accent:#9C5A6A;--on-accent:#FFFFFF;--danger:#B42318;--warn:#8F560B;color-scheme:light}
:root[data-theme=rose]     {--bg:#FBF4F2;--surface:#FFFAF9;--ink:#3B2F33;--muted:#6F5D63;--accent:#A04F6C;--on-accent:#FFFFFF;--danger:#B42318;--warn:#8F560B;color-scheme:light}
:root[data-theme=solarized]{--bg:#FDF6E3;--surface:#FFFCF4;--ink:#073642;--muted:#4F646B;--accent:#1F6FA8;--on-accent:#FFFFFF;--danger:#B42318;--warn:#8A5A00;color-scheme:light}
:root[data-theme=nord]     {--bg:#2E3440;--surface:#3B4252;--ink:#ECEFF4;--muted:#BCC4D2;--accent:#88C0D0;--on-accent:#2E3440;--danger:#F4B6BC;--warn:#EBCB8B;color-scheme:dark}
:root[data-theme=dracula]  {--bg:#282A36;--surface:#303241;--ink:#F8F8F2;--muted:#B0B6D3;--accent:#BD93F9;--on-accent:#282A36;--danger:#FF9494;--warn:#FFB86C;color-scheme:dark}
/* No theme set: follow the system (Graphite when it is dark). */
@media (prefers-color-scheme: dark){
  :root:not([data-theme]){--bg:#141518;--surface:#1C1E22;--ink:#E8E9EC;--muted:#A0A4AB;--accent:#8C88FF;--on-accent:#141518;--danger:#F97066;--warn:#E3A64A;color-scheme:dark}
}
:root{
  --line:color-mix(in srgb,var(--ink) 12%,var(--surface));
  --hover:color-mix(in srgb,var(--ink) 5%,var(--surface));
  --sunk:color-mix(in srgb,var(--ink) 4%,var(--bg));
  --side:color-mix(in srgb,var(--ink) 3%,var(--bg));
  --accent-soft:color-mix(in srgb,var(--accent) 14%,var(--surface));
  --danger-soft:color-mix(in srgb,var(--danger) 10%,var(--surface));
  --warn-soft:color-mix(in srgb,var(--warn) 14%,var(--surface));
  --shadow:0 1px 2px color-mix(in srgb,var(--ink) 8%,transparent),0 8px 24px -10px color-mix(in srgb,var(--ink) 22%,transparent);
  --shadow-lg:0 2px 6px color-mix(in srgb,var(--ink) 10%,transparent),0 24px 48px -16px color-mix(in srgb,var(--ink) 35%,transparent);
  /* Inter and JetBrains Mono come from shared/fonts/fonts.css (self-hosted, so pages work offline); system fonts are the fallback. */
  --sans:Inter,"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --mono:"JetBrains Mono","Cascadia Mono","Cascadia Code",Consolas,"SF Mono",Menlo,ui-monospace,monospace;
}