/* Brand tokens. Change colours, fonts and easings here and they apply site-wide. */
:root {
  --ink: #0e0d0c;          /* ink: dark background and main text */
  --ink-soft: #2a2724;
  --cream: #f6f1ea;        /* paper: light hero background */
  --cream-deep: #ece4d8;
  --orange: #f4a261;       /* brand orange (TikTok subtitles) */
  --orange-deep: #c2611f;  /* orange with enough contrast on cream */
  --muted: #6f675f;

  --font-display: "Unbounded", system-ui, sans-serif;
  --font-body: "Figtree", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  --gutter: clamp(16px, 4vw, 56px);
  --nav-h: 72px;
  --radius: 999px;

  --ease-out: cubic-bezier(.16, 1, .3, 1);   /* expo out */
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
}