:root {
  /* Colors */
  --bg-primary: #0a0a0a;
  --bg-secondary: #111111;
  --accent-cyan: #00f0ff;
  --accent-orange: #f7931a;
  --text-primary: #ffffff;
  --text-secondary: rgba(255, 255, 255, 0.6);
  --text-dim: rgba(255, 255, 255, 0.15);
  --glass-bg: rgba(255, 255, 255, 0.04);
  --glass-border: rgba(255, 255, 255, 0.08);
  --glass-blur: 20px;

  /* Fonts */
  --font-body: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --fw-regular: 400;
  --fw-semibold: 600;
  --fw-bold: 800;

  /* Spacing */
  --section-pad: clamp(80px, 10vw, 140px);
  --container-max: 1280px;
  --container-pad: clamp(20px, 4vw, 60px);

  /* Transitions */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* Z-index layers */
  --z-cursor: 9999;
  --z-nav: 1000;
  --z-overlay: 500;
  --z-content: 10;
  --z-canvas: 1;
}