/* ===== Design Tokens ===== */
:root {
  /* Brand */
  --brand: #00FFD1;
  --brand-rgb: 0, 255, 209;
  --accent: #BBFF00;
  --surface: #0A0A0A;
  --terminal: #020202;

  /* Typography */
  --font-sans: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono: 'Space Grotesk', 'SF Mono', 'Fira Code', monospace;

  /* Spacing */
  --page-px: clamp(16px, 5vw, 80px);
  --section-gap: clamp(64px, 10vw, 160px);
  --card-radius: 16px;
  --card-radius-lg: 24px;

  /* Glass Panel */
  --glass-bg: linear-gradient(135deg, rgba(255,255,255,0.068) 0%, rgba(255,255,255,0.024) 100%);
  --glass-border: rgba(255, 255, 255, 0.16);
  --glass-blur: 20px;
  --glass-shadow: 0 12px 26px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255,255,255,0.05);

  /* Neon glow */
  --neon-glow: 0 0 30px rgba(var(--brand-rgb), 0.15);
}