/* Joshiz — Design Tokens */

:root{
  /* Type */
  --f-display:'Newsreader',Georgia,'Times New Roman',serif;
  --f-body:'Archivo','Helvetica Neue',Helvetica,Arial,sans-serif;

  --fs-hero:clamp(3.25rem,8vw,8rem);
  --fs-h1:clamp(2.75rem,5.4vw,5rem);
  --fs-h2:clamp(2.125rem,4vw,3.75rem);
  --fs-h3:clamp(1.5rem,2.2vw,2rem);
  --fs-h4:1.125rem;
  --fs-lead:clamp(1.0625rem,1.3vw,1.25rem);
  --fs-body:.9375rem;
  --fs-sm:.875rem;
  --fs-xs:.75rem;
  --fs-label:.6875rem;

  --lh-tight:.96;
  --lh-snug:1.06;
  --lh-body:1.7;

  --ls-display:-.022em;
  --ls-label:.2em;

  /* Space — 8pt */
  --s-1:.5rem; --s-2:1rem; --s-3:1.5rem; --s-4:2rem; --s-5:3rem;
  --s-6:4rem; --s-7:6rem; --s-8:8rem; --s-9:10rem;

  /* Layout */
  --gutter:clamp(1.5rem,4.5vw,4.5rem);
  --maxw:1560px;
  --section-y:clamp(5rem,10vw,10rem);

  /* Square by intent — no soft corners anywhere */
  --r-sm:0; --r-md:0; --r-lg:0; --r-xl:0;

  /* Motion */
  --e-out:cubic-bezier(.16,1,.3,1);
  --e-io:cubic-bezier(.65,0,.35,1);
  --t-fast:.2s var(--e-out);
  --t-mid:.4s var(--e-out);
  --t-slow:.75s var(--e-out);

  --nav-h:76px;
}

/* ── Dark (default) — warm near-black, signal orange ── */
:root,[data-theme="dark"]{
  --c-bg:#131211;
  --c-bg-alt:#191817;
  --c-card:#1C1B19;
  --c-card-hi:#232220;
  --c-text:#F0EDE6;
  --c-text-2:rgba(240,237,230,.58);
  --c-text-3:rgba(240,237,230,.3);
  --c-accent:#C08A3E;
  --c-accent-hi:#D9A356;
  --c-accent-08:rgba(192,138,62,.08);
  --c-accent-16:rgba(192,138,62,.16);
  --c-accent-32:rgba(192,138,62,.32);
  --c-border:rgba(240,237,230,.11);
  --c-border-hi:rgba(240,237,230,.24);
  --c-scroll:#2E2C29;
}

/* ── Light — bone stock, oxblood ── */
[data-theme="light"]{
  --c-bg:#F2EEE6;
  --c-bg-alt:#E9E4D9;
  --c-card:#F8F5EF;
  --c-card-hi:#FFFFFF;
  --c-text:#16130E;
  --c-text-2:rgba(22,19,14,.64);
  --c-text-3:rgba(22,19,14,.4);
  --c-accent:#8A6520;
  --c-accent-hi:#6F5019;
  --c-accent-08:rgba(138,101,32,.07);
  --c-accent-16:rgba(138,101,32,.14);
  --c-accent-32:rgba(138,101,32,.3);
  --c-border:rgba(22,19,14,.15);
  --c-border-hi:rgba(22,19,14,.3);
  --c-scroll:#C9C2B4;
}

@media (prefers-reduced-motion:reduce){
  :root{--t-fast:1ms;--t-mid:1ms;--t-slow:1ms}
}