/* Venti Red Design System — generated from tokens.json */
:root, [data-theme="dark"] {
  --bg: #0b0b0c;
  --surface-1: #131315;
  --surface-2: #1b1b1e;
  --surface-3: #232327;
  --line: rgba(255,255,255,0.09);
  --line-strong: rgba(255,255,255,0.20);
  --text: #eeedea;
  --text-2: rgba(238,237,234,0.62);
  --text-3: rgba(238,237,234,0.55);
  --red: #e8192c;
  --red-text: #ff3b4e;
  --on-red: #ffffff;
  --red-soft: rgba(232,25,44,0.12);
  --red-border: rgba(232,25,44,0.28);
  --red-glow: rgba(232,25,44,0.16);
  --logo-red: #c41e3a;
  --logo-white: #ffffff;
  --success: #7bd88f;
  --warning: #f5b341;
  --shadow-red: 0 8px 24px rgba(232,25,44,0.28);
  --shadow-float: 0 24px 64px rgba(0,0,0,0.55);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-14: 56px;
  --space-18: 72px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --max-width: 1160px;
  --nav-height: 64px;
  --icon-stroke: 1.5;
  --font-sans: Geist, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, 'SFMono-Regular', Consolas, monospace;
  --font-logo: Poppins, sans-serif;
}
.display-1 { font-family: var(--font-sans); font-size: 64px; line-height: 1; font-weight: 600; letter-spacing: -0.045em; }
.display-2 { font-family: var(--font-sans); font-size: 40px; line-height: 1.05; font-weight: 600; letter-spacing: -0.04em; }
.heading-3 { font-family: var(--font-sans); font-size: 21px; line-height: 1.15; font-weight: 600; letter-spacing: -0.03em; }
.figure { font-family: var(--font-sans); font-size: 42px; line-height: 1.05; font-weight: 600; letter-spacing: -0.05em; }
.lead { font-family: var(--font-sans); font-size: 17px; line-height: 1.65; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 15px; line-height: 1.6; font-weight: 400; }
.small { font-family: var(--font-sans); font-size: 13.5px; line-height: 1.55; font-weight: 400; }
.button { font-family: var(--font-sans); font-size: 14px; line-height: 1; font-weight: 600; }
.label { font-family: var(--font-mono); font-size: 12px; line-height: 1.4; font-weight: 500; }
.data { font-family: var(--font-mono); font-size: 13.5px; line-height: 1.4; font-weight: 500; }
.price { font-family: var(--font-mono); font-size: 19px; line-height: 1.2; font-weight: 500; }
.logo { font-family: var(--font-logo); font-size: 22px; line-height: 1.2; font-weight: 700; letter-spacing: -0.02em; }