/* CLACK — design tokens. Every look traces back to here. */
:root{
  /* graphite neutral ramp */
  --n-0:#060708;
  --n-1:#0b0c0e;   /* page ground */
  --n-2:#121419;
  --n-3:#1b1e24;   /* deck */
  --n-4:#2b2f37;
  --n-5:#3a3f49;
  --n-6:#565c68;
  --n-7:#8a909c;   /* muted text */
  --n-8:#b9bec8;

  /* keycap ivory (the "primary" light) + ember accent */
  --ivory:#ece6d8;
  --ivory-dim:#c9c3b4;
  --ember:#ff5a36;
  --ember-deep:#c73f20;
  --ember-glow:rgba(255,90,54,.55);

  --bg:var(--n-1);
  --ink:var(--ivory);
  --ink-soft:var(--n-7);
  --line:rgba(236,230,216,.12);
  --line-soft:rgba(236,230,216,.07);

  --font-display:"Space Grotesk",-apple-system,system-ui,sans-serif;
  --font-text:"Inter",-apple-system,system-ui,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",monospace;

  /* fluid type scale (ratio ~1.28) */
  --t-xs:clamp(.72rem,.68rem + .2vw,.8rem);
  --t-sm:clamp(.84rem,.8rem + .25vw,.95rem);
  --t-base:clamp(1rem,.95rem + .35vw,1.15rem);
  --t-lg:clamp(1.3rem,1.1rem + 1vw,1.7rem);
  --t-xl:clamp(2rem,1.4rem + 3vw,3.4rem);
  --t-2xl:clamp(3.2rem,2rem + 6vw,7rem);
  --t-3xl:clamp(4.2rem,2.2rem + 11vw,13rem);

  --maxw:1320px;
  --pad:clamp(1.2rem,1rem + 3vw,4rem);

  /* motion — calm/premium personality: long weighted ease-outs, near-zero overshoot */
  --t-fast:.28s;
  --t-mid:.6s;
  --t-slow:1.1s;
  --ease:cubic-bezier(.16,1,.3,1);
  --ease-io:cubic-bezier(.65,.05,.36,1);
}