/* Session Signals brand tokens: Sage, Concrete and Amber.
   Light is the default; dark applies when the OS asks for it or when data-theme="dark" is set.
   Every text/background pair below meets 4.5:1 contrast. */
:root{
  /* Source palette (fills and illustrations, not body text) */
  --ss-sage:#9caf88;
  --ss-concrete:#a7a7a7;
  --ss-amber:#cc5500;

  /* Theme tokens: light */
  --ss-bg:#eef0ea;
  --ss-surface:#f8f9f5;
  --ss-surface-2:#e4e8de;
  --ss-ink:#1d271f;
  --ss-muted:#56605a;
  --ss-line:#d3d8cd;
  --ss-primary:#4c6a47;
  --ss-primary-text:#4c6a47;
  --ss-on-primary:#f8f9f5;
  --ss-accent:#cc5500;
  --ss-accent-text:#a94600;
  --ss-ok:#3d6b3a;
  --ss-warn:#9a5b00;
  --ss-error:#a3312a;

  /* Type */
  --ss-font-display:'Fraunces',Georgia,'Times New Roman',serif;
  --ss-font-body:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --ss-font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;
  --ss-text-xs:11px;--ss-text-sm:13px;--ss-text-md:15px;--ss-text-lg:18px;--ss-text-xl:24px;--ss-text-2xl:32px;--ss-text-3xl:46px;

  /* Space and shape */
  --ss-space-1:4px;--ss-space-2:8px;--ss-space-3:12px;--ss-space-4:16px;--ss-space-5:24px;--ss-space-6:32px;--ss-space-7:48px;
  --ss-radius-sm:9px;--ss-radius-md:14px;--ss-radius-lg:20px;--ss-radius-pill:999px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --ss-bg:#111612;--ss-surface:#192019;--ss-surface-2:#212a22;--ss-ink:#ebeee6;--ss-muted:#a4ada2;--ss-line:#2b342c;
    --ss-primary:#9caf88;--ss-primary-text:#aebf9b;--ss-on-primary:#111612;--ss-accent:#ee8a4a;--ss-accent-text:#f19a62;
    --ss-ok:#9fd18f;--ss-warn:#f0b35e;--ss-error:#f08a80;color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --ss-bg:#111612;--ss-surface:#192019;--ss-surface-2:#212a22;--ss-ink:#ebeee6;--ss-muted:#a4ada2;--ss-line:#2b342c;
  --ss-primary:#9caf88;--ss-primary-text:#aebf9b;--ss-on-primary:#111612;--ss-accent:#ee8a4a;--ss-accent-text:#f19a62;
  --ss-ok:#9fd18f;--ss-warn:#f0b35e;--ss-error:#f08a80;color-scheme:dark;
}