/* EDITORIAL — OCHRE — Editorial (warm bone, Newsreader serif) with an ochre accent */
:root{
  --bg:#FBFBFA; --surface:#FFFFFF; --surface-2:#F9F9F8;
  --ink:#1A1A1A; --ink-soft:#2F3133; --muted:#6F6E6B;
  --line:#EAEAEA; --line-strong:#E0E0DE; --idx:#B8B6B1;
  --nav-bg:rgba(251,251,250,.72);
  /* status-ink darkened to #855F15 for AA on small pill text (~4.8:1 on the pale ochre bg);
     the large headline em keeps the brighter #A67A26 below. */
  --status-bg:#F4EAD2; --status-ink:#855F15; --status-halo:rgba(166,122,38,.18);
  --btn-bg:#1A1A1A; --btn-ink:#FFFFFF; --btn-hover:#333333;

  --font-sans:'General Sans','Helvetica Neue',system-ui,sans-serif;
  --font-display:'Newsreader',Georgia,serif;
  --font-brand:'Newsreader',Georgia,serif;
  --font-meta:'Instrument Sans',system-ui,sans-serif;

  --display-weight:500; --display-size:clamp(44px,6.2vw,78px); --display-lh:1.02; --display-ls:-0.025em;
  --em-style:italic; --em-weight:400;
  --brand-weight:500; --brand-ls:-0.01em;

  --radius-card:12px; --radius-tile:22px; --radius-btn:6px; --radius-pill:9999px;
  --border-w:1px;

  /* ---- Scale tokens (theme-independent) ---- */
  /* Spacing — 4px base ladder */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px;
  --space-6:24px; --space-7:28px; --space-8:32px; --space-10:40px; --space-12:48px;
  --space-14:56px; --space-16:64px; --space-20:80px; --space-24:96px; --space-32:128px;
  /* Type size ramp */
  --text-xs:0.75rem; --text-sm:0.8125rem; --text-base:1rem; --text-lg:1.1875rem;
  --text-xl:1.375rem; --text-2xl:1.625rem; --text-3xl:2rem; --text-4xl:2.5rem;
  --text-5xl:3.25rem; --text-6xl:4.25rem;
  /* Weight */
  --weight-label:600;
  /* Motion */
  --dur-fast:120ms; --dur-base:200ms; --dur-slow:340ms; --dur-xslow:620ms;
  --ease-out:cubic-bezier(0.16,1,0.3,1);
  --ease-inout:cubic-bezier(0.4,0,0.2,1);
  --ease-soft:cubic-bezier(0.22,0.61,0.36,1);
  --dur-filter:340ms; --stagger-step:40ms;
  --tile-shadow:0 2px 8px rgba(0,0,0,.04);
  --card-hover-shadow:0 2px 8px rgba(0,0,0,.05);
  --ambient:radial-gradient(70% 56% at 84% 2%, rgba(166,122,38,.08), transparent 64%),
            radial-gradient(46% 38% at 6% 2%, rgba(166,122,38,.035), transparent 64%);
  --scrim:rgba(22,20,15,.62);
  /* Ink for content sitting on the (always-dark) scrim — theme-independent */
  --scrim-ink:rgba(245,243,238,.88);
  --bento-gap:18px;
}
html[data-v="editorial-ochre"] .hero h1 em{ color:#A67A26; }

html[data-theme="dark"]{
  --bg:#16140F; --surface:#1E1B15; --surface-2:#25211A; --ink:#F2EEE8; --ink-soft:#C9C3B8; --muted:#988F80;
  --line:#2E2A22; --line-strong:#423C32; --idx:#6E675A; --nav-bg:rgba(22,20,15,.72);
  --status-bg:rgba(217,178,90,.16); --status-ink:#D9B25A; --status-halo:rgba(217,178,90,.24);
  --btn-bg:#F2EEE8; --btn-ink:#16140F; --btn-hover:#FFFFFF;
  --tile-shadow:0 1px 0 rgba(255,255,255,.04) inset, 0 12px 30px -14px rgba(0,0,0,.7);
  --card-hover-shadow:0 1px 0 rgba(255,255,255,.05) inset, 0 20px 44px -16px rgba(0,0,0,.8);
  --ambient:radial-gradient(74% 58% at 86% 0%, rgba(217,178,90,.12), transparent 64%),
            radial-gradient(46% 40% at 6% 2%, rgba(217,178,90,.055), transparent 64%);
  --scrim:rgba(0,0,0,.78);
}
html[data-v="editorial-ochre"][data-theme="dark"] .hero h1 em{ color:#D9B25A; }

/* brand-mark accent */
:root{ --accent:#A67A26; }
html[data-theme="dark"]{ --accent:#D9B25A; }