/* =========================================================
   TOKENS.CSS — design tokens (colours, fonts, resets)
   EDIT HERE: to change the accent colour, background, or
   fonts site-wide, change the CSS custom properties below.
   Do not change other files to retint the site — change them
   here, once, and every page picks it up automatically.
========================================================= */
/* ─── RESET ─────────────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;font-size:16px;}

/* ─── TOKENS (exact from original) ─────────────────────────────────────── */
:root{
  --y:#FFE802;      /* yellow  */
  --bk:#0a0a0a;     /* black   */
  --wh:#ffffff;     /* white   */
  --gd:#111111;     /* grey-dark  */
  --gm:#1a1a1a;     /* grey-mid   */
  --gl:#2a2a2a;     /* grey-light */
  --gt:#888888;     /* grey-text  */
  --gs:#444444;     /* grey-subtle*/
}

body{
  background:var(--bk);
  color:var(--wh);
  font-family:'Syne',sans-serif;
  overflow-x:hidden;
  cursor:none;
}