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

  The look matches tools.alexisdavidson.org (LifeKit) and alexisdavidson.org: an editorial style with
  paper-toned flat backgrounds (no gradients), Source Serif 4 headings, JetBrains Mono labels, Inter
  body text, hairline rules instead of shadowed boxes, and the Office section's slate as the accent.
  There are two themes, Light and Dark, picked with the round toggle in the top right corner (or the
  device setting until you use it).

  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). eng-agents' static
  dashboard page still copies this file with core/scripts/dashboard/sync-themes.mjs.

  Each theme sets the base colors below; everything else is derived. 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: light=Light, dark=Dark
*/
:root,
:root[data-theme=light]{--bg:#F4F1EA;--surface:#FBF9F5;--panel:#ECE7DD;--ink:#2A2627;--muted:#675F5A;--line:#DCD4C6;--eyebrow:#8B6340;--accent:#4F6B78;--on-accent:#FFFFFF;--danger:#9B2C24;--warn:#8A5A12;color-scheme:light}
:root[data-theme=dark]{--bg:#161514;--surface:#1D1C1A;--panel:#211F1D;--ink:#EEEBE7;--muted:#A8A29C;--line:#34312E;--eyebrow:#CBA684;--accent:#A9BCC6;--on-accent:#111A1F;--danger:#F2BDB7;--warn:#E2B66D;color-scheme:dark}
/* No theme set (scripts off): follow the device. */
@media (prefers-color-scheme: dark){
  :root:not([data-theme]){--bg:#161514;--surface:#1D1C1A;--panel:#211F1D;--ink:#EEEBE7;--muted:#A8A29C;--line:#34312E;--eyebrow:#CBA684;--accent:#A9BCC6;--on-accent:#111A1F;--danger:#F2BDB7;--warn:#E2B66D;color-scheme:dark}
}
:root{
  --hover:color-mix(in srgb,var(--ink) 5%,var(--surface));
  --sunk:color-mix(in srgb,var(--ink) 4%,var(--bg));
  --side:var(--bg);
  --rule:var(--ink);
  --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));
  /* Flat: surfaces sit on hairlines, not shadows. Only floating things (menus, the palette, toasts) lift. */
  --shadow:none;
  --shadow-lg:0 10px 30px color-mix(in srgb,#000 12%,transparent);
  --r-sm:6px;
  --r-md:8px;
  /* Inter, Source Serif 4 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;
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --mono:"JetBrains Mono","Cascadia Mono","Cascadia Code",Consolas,"SF Mono",Menlo,ui-monospace,monospace;
}