/* ============================================================
   Design tokens — Golden Hour Field Notes (default theme)
   Cinema Black is applied via [data-theme="cinema"] (Cutter page)
   ============================================================ */
:root{
  /* --- Golden Hour palette --- */
  --ink:#0E0B08;          /* canvas — warm near-black */
  --ink-2:#140F0A;        /* raised surface */
  --bone:#F4E9D6;         /* primary text */
  --bone-dim:#B9AC95;     /* secondary text */
  --accent:#C8862B;       /* the single accent — golden-hour amber. RESERVED for CTAs, focus, 1-2 hero accents */
  --accent-lit:#E0A23C;   /* accent, lit — small signal highlights */
  --accent-quiet:#D2A35C; /* calmer amber for body links / mono labels / large amber text (passes 4.5:1 on --ink, no neon) */
  --accent-soft:rgba(200,134,43,.14);
  --earth:#A08A6E;        /* tertiary text / metadata — AA on --ink (~5.9:1) */
  --hairline:#6B5742;     /* the dim engraved-hairline tone (decorative only) */
  --ok:#A6BE73;           /* muted sage — the one non-amber status hue */
  --panel:#1C140D;        /* cards */
  /* warm-dark elevation ladder (P07): bg(--ink) → panel → card → raised. ~+4-6% L each, amber hue held, low sat. */
  --surf-1:#15100A;       /* raised panel / sidebar */
  --surf-2:#1B140D;       /* card */
  --surf-3:#241B11;       /* hover / nested / elevated */
  --line:rgba(150,120,80,.22);
  --line-strong:rgba(160,130,90,.42);
  --shade:rgba(8,5,3,.55); /* vignette/scrim */

  /* --- typography --- */
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --grotesk:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --mono:"Space Mono",ui-monospace,"SF Mono",Menlo,monospace;

  /* fluid type scale */
  --fs-eyebrow:11.5px;
  --fs-body:clamp(15px,1.15vw,17px);
  --fs-lead:clamp(16px,1.4vw,19px);
  --fs-h3:clamp(24px,2.6vw,36px);
  --fs-h2:clamp(28px,3.4vw,48px);
  --fs-display:clamp(42px,7.6vw,112px);
  --fs-mega:clamp(34px,6vw,82px);

  /* --- motion --- */
  --ease:cubic-bezier(.16,.84,.27,1);   /* slow-in / settled-out, documentary */
  --ease-out:cubic-bezier(.22,1,.36,1);
  --dur:1.05s;

  /* --- geometry --- */
  --radius:3px;
  --radius-lg:8px;
  --radius-pill:100px;
  --hair:0.5px;
  --maxw:1280px;
  --gut:clamp(20px,5vw,64px);

  /* spacing rhythm */
  --s-1:8px; --s-2:14px; --s-3:24px; --s-4:40px; --s-5:64px; --s-6:clamp(80px,12vh,160px);

  color-scheme:dark;
}

/* ============================================================
   Cinema Black — Cutter sub-identity
   ============================================================ */
[data-theme="cinema"]{
  --ink:#000000;
  --ink-2:#0A0C0D;
  --bone:#EDEDED;
  --bone-dim:#7E8A93;
  --accent:#D6453C;       /* record-ring red */
  --accent-lit:#E85B50;
  --accent-quiet:#E07F77; /* calmer record-red for links/labels on true black */
  --accent-soft:rgba(214,69,60,.14);
  --earth:#6E7A82;        /* AA on pure black (~4.8:1), still below --bone-dim */
  --hairline:#46525B;
  --panel:#16191C;
  --surf-1:#0C0F11; --surf-2:#14181B; --surf-3:#1E2429;   /* cinema elevation ladder */
  --line:rgba(126,138,147,.18);
  --line-strong:rgba(126,138,147,.4);
  --shade:rgba(0,0,0,.6);
}