:root {
  /* Base */
  --color-bg: #0b0a0d;
  --color-text: #f3efe7;
  --color-text-soft: #d3d1d8;
  --color-muted: #a3a1a8;
  --color-dim: #8d8b92;
  --color-faint: #767480;

  /* Accents */
  --accent-blue: #5b8cff;
  --accent-purple: #8657ff;
  --accent-purple-strong: #a05bff;
  --accent-magenta: #c04fff;
  --accent-cyan: #5be0e0;
  --accent-gradient: linear-gradient(135deg, #5b8cff 0%, #8657ff 55%, #c04fff 100%);

  /* Surfaces */
  --surface-1: rgba(255, 255, 255, 0.03);
  --surface-2: rgba(255, 255, 255, 0.035);
  --border-soft: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.16);

  /* Type */
  --font-display: 'Space Grotesk', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Motion */
  --ease-standard: cubic-bezier(0.16, 1, 0.3, 1);

  /* Layout */
  --gutter: clamp(24px, 6vw, 80px);
  --content-max: 1400px;
}