/* Generated from src/data/tokens.json — do not edit by hand. */
:root {
  /* Color */
  --bg: #080c10;
  --bg2: #0d1318;
  --bg-deep: #050810;
  --surface: #121a22;
  --border: #1e2d3d;
  --accent: #00d4ff;
  --accent-strong: #00b8e0;
  --accent2: #ff6b35;
  --gold: #c8a96e;
  --green: #00e5a0;
  --text: #e8edf2;
  --text-soft: #d0dde8;
  --muted: #a8bccf;
  --white: #ffffff;

  /* Font families */
  --font-display: 'Bebas Neue', sans-serif;
  --font-serif: 'DM Serif Display', serif;
  --font-mono: 'DM Mono', monospace;

  /* Radius */
  --radius: 2px;

  /* Spacing scale */
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 48px;
  --space-9: 64px;
  --space-10: 80px;
  --space-11: 120px;

  /* Type scale */
  --fs-3xs: 9px;
  --fs-2xs: 10px;
  --fs-xs: 11px;
  --fs-sm: 13px;
  --fs-base: 15px;
  --fs-md: 16px;
  --fs-lg: 18px;
  --fs-xl: 22px;
  --fs-2xl: 26px;
  --fs-3xl: 32px;
  --fs-4xl: 48px;
  --fs-5xl: 72px;
  --fs-display: clamp(72px, 10vw, 148px);
}