:root {
  /* ---------- v2 palette (MOTION.md §4) ---------- */
  --pink: #ff0063;
  --pink-base: #ff0080;
  --blob-1: #ff126f;
  --blob-2: #a3003f;
  --vignette: #590224d9;
  --mint: #3ffbbf;
  --black: #000;
  --white: #fff;
  --ink-on-light: #0a0a0a;

  /* v1 names kept so existing pages don't break */
  --brand: var(--pink);
  --bg: #0a0a0a;
  --bg-2: #141414;
  --ink: #f4f1ec;
  --muted: #8b8b8b;
  --line-strong: rgba(244, 241, 236, 0.4);

  /* ---------- type ---------- */
  --font-display: "Inter Tight", "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Instrument Serif", Georgia, serif;

  --display-tracking: -0.055em;

  --fs-hero: clamp(3.5rem, 12vw, 13rem);
  --fs-h2: clamp(2rem, 4.6vw, 4.75rem);
  --fs-lead: clamp(1.125rem, 1.6vw, 1.5rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.8125rem;
  --fs-ui: 0.75rem;     /* nav, labels, list rows */
  --ui-weight: 700;

  /* ---------- layout ---------- */
  --gutter: clamp(16px, 3vw, 40px);
  --edge: clamp(12px, 1.4vw, 20px); /* tight frame inset used by header/footer */
  --header-h: 56px;

  /* ---------- motion ---------- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-fade: cubic-bezier(0.215, 0.61, 0.355, 1);
  --dur: 0.6s;

  /* ---------- layers ---------- */
  --z-header: 50;
  --z-menu: 60;
  --z-transition: 90;
  --z-cursor: 100;
}