/* ════════════════════════════════════════════════════════════════
   SKEMBEE · theme.css — the single source of truth for colour, type
   and surface.

   Every page links this file. Pages keep only layout tokens (sidebar
   width, header height) and must not redefine the tokens below.

   Current scheme: "Calm Kit" (chosen 2026-10). Five swatches:
     Sage  #6B7F6E · Moss #A7B8A7 · Mist #D9E1D9 · Ivory #F4EFE8 ·
     Sand  #C9BDAF
   Contrast rule: Sage itself is for fills (bars, toggles, charts,
   the logo). Anything that carries text — buttons, links, active
   states, text on a tint — uses Sage deep (#566A59: white on it
   5.8:1, on Ivory 5.1:1). Moss, Mist and Sand never carry text.
   The old Honeycomb identity (lime #C6CE1A, honey #C99A2A, forest
   #1d6b4f) is retired; the legacy token names below now point at
   Calm Kit values so older call sites keep working.
   ════════════════════════════════════════════════════════════════ */

:root {
  /* ── Calm Kit swatches ── */
  --sage:#6B7F6E;
  --moss:#A7B8A7;
  --mist:#D9E1D9;
  --ivory:#F4EFE8;
  --sand:#C9BDAF;

  /* ── Paper & ink ── */
  --bg:#F4EFE8;
  --surface:#FBF9F5;
  --surface-2:#EFEAE2;
  --border:#E4DDD3;
  --border-soft:#ECE6DD;
  --text-primary:#1F2A22;
  --text-secondary:#5F655E;
  --text-muted:#7E827B;

  /* ── Functional accent (buttons, links, active states) ── */
  --accent:#566A59;          /* Sage deep */
  --accent-light:#E6ECE5;    /* tint for selected rows, success chips */
  --accent-mid:#6B7F6E;      /* Sage — fills, bars, hover */
  --accent-bright:#A7B8A7;   /* Moss — on dark sage surfaces only */
  --brand-deep:#3E5042;
  --brand-ink:#3E5042;
  --brand-line:#C9D4C8;

  /* ── Dark chrome (heroes, the onboarding rail): sage ink ── */
  --ink:#3E5042;

  /* ── Legacy identity names → Calm Kit (keeps old call sites valid) ── */
  --bee:#A7B8A7;             /* was lime: graphic accents on dark sage */
  --bee-deep:#4F6353;
  --bee-tint:#E6ECE5;
  --honey:#B8A890;           /* was honey: Sand, a step deeper so strokes show on Ivory */
  --honey-deep:#7A6A55;      /* text on sand tints */
  --honey-tint:#F1EBE2;

  /* ── Status (muted to sit in the palette; meanings unchanged) ── */
  --warn:#8F6420;    --warn-light:#F5EBDA;
  --danger:#9C4F43;  --danger-light:#F5E4DF;
  --blue:#4E6A8A;    --blue-light:#E5EBF1;
  --purple:#76688A;  --purple-light:#ECE8F0;
  --gold:#7A6A55;    --gold-light:#F1EBE2;

  /* ── Type ── */
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-display:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-mono:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;

  /* ── Surface ── */
  --radius:20px;
  --radius-sm:12px;
  --radius-pill:999px;
  --shadow-sm:0 1px 2px rgba(60,55,45,0.04),0 6px 18px rgba(60,55,45,0.06);
  --shadow-md:0 2px 6px rgba(60,55,45,0.05),0 14px 32px rgba(60,55,45,0.08);

  /* ── Legacy aliases ── */
  --text:var(--text-primary);
  --muted:var(--text-secondary);
  --hint:var(--text-muted);
  --bg-subtle:var(--surface-2);
  --brand:var(--accent);
  --brand-tint:var(--accent-light);
  --brand-tint-border:var(--brand-line);
}