/* ============================================================
   chateloin.com — Direction C "Field Notes"
   Design tokens. Single source of truth for both themes.
   Rule of the system: mono = data, sans = voice, accent = interaction.
   ============================================================ */

:root {
  /* --- type families --- */
  /* The "… Fallback" entries are metric-adjusted aliases declared in
     fonts.css. They hold the layout steady during the swap window. */
  --font-sans: "IBM Plex Sans", "IBM Plex Sans Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* --- type scale --- */
  --text-label: 0.6875rem;   /* 11px  mono labels, tracked caps        */
  --text-meta:  0.75rem;     /* 12px  mono metadata rows               */
  --text-small: 0.875rem;    /* 14px  card body, footer                */
  --text-body:  1rem;        /* 16px  prose                            */
  --text-support: 1.0625rem; /* 17px  hero support line                */
  --text-title: 1.125rem;    /* 18px  card titles                      */
  --text-pos: clamp(1.5rem, 1.1rem + 2vw, 1.9375rem); /* 24–31px hero  */

  --leading-tight: 1.28;
  --leading-body: 1.65;
  --tracking-label: 0.11em;

  /* --- spacing scale (4-base) --- */
  --s-1: 0.25rem;  --s-2: 0.5rem;  --s-3: 0.75rem; --s-4: 1rem;
  --s-6: 1.5rem;   --s-8: 2rem;    --s-12: 3rem;   --s-16: 4rem;
  --s-24: 6rem;

  /* --- layout --- */
  --measure: 54ch;
  --page-max: 60rem;
  --page-pad: clamp(1.25rem, 4vw, 3rem);
  --radius: 6px;

  /* --- motion --- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 140ms;
  --t-slow: 400ms;

  /* --- color: light (warm paper) --- */
  --bg: #f6f5f0;
  --bg-panel: #efeee7;
  --text: #232420;
  --text-2: #58584d;
  --text-3: #6e6c5e;
  --line: #e2e0d6;
  --line-2: #d3d1c5;
  --accent: #3e6b4c;
  --accent-soft: rgba(62, 107, 76, 0.35);
  --accent-wash: rgba(62, 107, 76, 0.07);
  --focus: #3e6b4c;
}

/* Dark theme via system preference (unless user forced light) */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #161815;
    --bg-panel: #1c1e1a;
    --text: #d9d6ca;
    --text-2: #9c9b8a;
    --text-3: #868576;
    --line: #2b2d28;
    --line-2: #383a34;
    --accent: #9dc4a4;
    --accent-soft: rgba(157, 196, 164, 0.35);
    --accent-wash: rgba(157, 196, 164, 0.06);
    --focus: #9dc4a4;
  }
}

/* Dark theme forced by user toggle */
:root[data-theme="dark"] {
  --bg: #161815;
  --bg-panel: #1c1e1a;
  --text: #d9d6ca;
  --text-2: #9c9b8a;
  --text-3: #868576;
  --line: #2b2d28;
  --line-2: #383a34;
  --accent: #9dc4a4;
  --accent-soft: rgba(157, 196, 164, 0.35);
  --accent-wash: rgba(157, 196, 164, 0.06);
  --focus: #9dc4a4;
}