/* ─────────────────────────────────────────────
   variables.css — All design tokens / CSS vars
   ───────────────────────────────────────────── */

:root {
  /* ── Colours ── */
  --black:       #000000;
  --off-black:   #0a0a0a;
  --dark:        #111111;
  --dark2:       #1a1a1a;
  --border:      #1e1e1e;
  --border2:     #262626;

  /* Green — kept as brand color but glows are muted */
  --green:       #7fff7f;
  --green-dim:   #4a9e4a;
  --green-glow:  rgba(127, 255, 127, 0.07);   /* was 0.15 */
  --green-glow2: rgba(127, 255, 127, 0.03);   /* was 0.06 */

  --white:       #e8e8e8;
  --white1:      #2a2a2a;
  --white2:      #999999;
  --white3:      #4a4a4a;

  --red:         #e05050;          /* slightly muted red */
  --yellow:      #d4b200;          /* slightly muted gold */

  /* ── Typography ── */
  --font-display: 'Syne', sans-serif;
  --font-mono:    'DM Mono', monospace;
  --font-body:    'Manrope', sans-serif;

  /* ── Spacing ── */
  --nav-height:  64px;
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   14px;
}