/* =====================================================================
   bionic-design-system — TOKENS (single source of truth)
   OKLCH neutrals · one sharp accent · 8px rhythm · custom easing
   ===================================================================== */
:root{
  /* color */
  --bg:        oklch(0.16 0.012 55);
  --bg-2:      oklch(0.205 0.014 55);
  --ink:       oklch(0.965 0.010 85);
  --ink-dim:   oklch(0.82 0.015 80);
  --line:      oklch(0.32 0.012 60 / 0.6);
  --accent:    oklch(0.745 0.165 48);     /* ember */
  --accent-2:  oklch(0.855 0.130 82);     /* warm gold */

  /* type */
  --font-display: "Clash Display", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body:    "Satoshi", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* fluid type scale */
  --t-display: clamp(2.7rem, 8.8vw, 6.4rem);
  --t-h2:      clamp(1.85rem, 4.6vw, 3.1rem);
  --t-lead:    clamp(1.05rem, 2.1vw, 1.32rem);
  --t-label:   0.74rem;

  /* spacing (8px grid) */
  --s1:.5rem; --s2:1rem; --s3:1.5rem; --s4:2rem; --s6:3rem; --s8:4rem; --s12:6rem; --s16:8rem;

  /* motion */
  --ease: cubic-bezier(.16,1,.3,1);
  --ease-soft: cubic-bezier(.33,.8,.25,1);
  --dur: .7s;

  /* surface */
  --radius: 18px;
  --shadow: 0 40px 90px -50px oklch(0 0 0 / .75);
  --maxw: 1240px;
}