/* AutoLog Tx — shared design tokens (light + dark).
   Mirrored to a SwiftUI theme in Phase 7. Change brand here, nowhere else. */
:root{
  color-scheme: light dark;

  /* Brand — teal "signal": a logged session pinging outward */
  --brand-50:#eefdfb; --brand-100:#cdf7f1; --brand-300:#5fe0d1;
  --brand-500:#14b8a6; --brand-600:#0d9488; --brand-700:#0f766e;
  --brand:var(--brand-600); --brand-ink:#ffffff; --brand-tint:#ccfbf1;

  /* Neutrals — light */
  --bg:#f5f7f9; --surface:#ffffff; --surface-2:#eef2f6; --line:#e3e9f0;
  --text:#0e1726; --muted:#5b6b82; --faint:#8696ab;

  /* Semantic */
  --ok:#15a34a; --ok-ink:#ffffff; --ok-tint:#dcfce7; --ok-line:#86efac;
  --no:#dc2626; --no-ink:#ffffff; --no-tint:#fee2e2; --no-line:#fca5a5;
  --warn:#c2740a; --warn-tint:#fef3c7; --warn-line:#fcd34d;

  /* Shape + depth */
  --r-sm:9px; --r:13px; --r-lg:18px; --r-pill:999px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:22px; --sp-6:32px;
  --shadow:0 1px 2px rgba(14,23,38,.05), 0 3px 12px rgba(14,23,38,.06);
  --shadow-lg:0 10px 34px rgba(14,23,38,.14);

  /* Type */
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,system-ui,sans-serif;
  --fs-xs:12px; --fs-sm:14px; --fs:16px; --fs-md:17px; --fs-lg:20px; --fs-xl:26px; --fs-xxl:34px;
}

/* Dark — follows OS unless an explicit light override is set */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0a111e; --surface:#121b2c; --surface-2:#0e1626; --line:#233149;
    --text:#e8eef7; --muted:#9fb0c7; --faint:#6a7c96;
    --brand:var(--brand-500); --brand-ink:#042520; --brand-tint:#0f3b36;
    --ok:#34d27f; --ok-ink:#052615; --ok-tint:#0d3020; --ok-line:#176b3e;
    --no:#f87171; --no-ink:#2a0d0d; --no-tint:#3a1515; --no-line:#7f2323;
    --warn:#fbbf24; --warn-tint:#3a2a08; --warn-line:#8a6410;
    --shadow:0 1px 2px rgba(0,0,0,.45), 0 3px 14px rgba(0,0,0,.45);
    --shadow-lg:0 12px 36px rgba(0,0,0,.55);
  }
}
/* Explicit dark pin */
:root[data-theme="dark"]{
  --bg:#0a111e; --surface:#121b2c; --surface-2:#0e1626; --line:#233149;
  --text:#e8eef7; --muted:#9fb0c7; --faint:#6a7c96;
  --brand:var(--brand-500); --brand-ink:#042520; --brand-tint:#0f3b36;
  --ok:#34d27f; --ok-ink:#052615; --ok-tint:#0d3020; --ok-line:#176b3e;
  --no:#f87171; --no-ink:#2a0d0d; --no-tint:#3a1515; --no-line:#7f2323;
  --warn:#fbbf24; --warn-tint:#3a2a08; --warn-line:#8a6410;
  --shadow:0 1px 2px rgba(0,0,0,.45), 0 3px 14px rgba(0,0,0,.45);
  --shadow-lg:0 12px 36px rgba(0,0,0,.55);
}