:root {
  /* ── Palette ─────────────────────────────────────────── */
  --cream:       #FFFFFF;
  --dark-teal:   #07201F;
  --accent:      #0E9E99;
  --accent-dark: #2ACCC3;
  --ink:         #171310;
  --ink-inv:     #E9F3F2;
  --sub:         rgba(23,19,16,0.56);
  --sub-dark:    rgba(233,243,242,0.56);
  --line:        rgba(23,19,16,0.16);
  --line-dark:   rgba(233,243,242,0.16);
  --stage:       #E2D9CB;
  --stage-dark:  #0E2E2C;

  /* ── Typography ─────────────────────────────────────── */
  --font-display:     'Bricolage Grotesque', sans-serif;
  --font-body:        'Manrope', sans-serif;
  --display-weight:   800;
  --display-tracking: -0.03em;

  /* ── Radii ──────────────────────────────────────────── */
  --r-sm:   8px;
  --r-md:   12px;
  --r-pill: 100px;

  /* ── Motion ─────────────────────────────────────────── */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 150ms;
  --dur-mid:  300ms;
  --dur-slow: 600ms;
}