:root {
  --color-bg:     #0b0d12;
  --color-text:   #e6e8ee;
  --color-muted:  #9aa3b2;
  --color-accent: #7c5cff;
  --color-nav:    #11141b;
  --color-header: #11141b;
  --color-footer: #0a0c10;
  --color-card:   #141824;
  --color-border: #2a2f3d;

  --font-sans:    system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-display: "Segoe UI", system-ui, sans-serif;

  --radius-sm: 6px;
  --radius:    12px;
  --radius-lg: 20px;

  --shadow-sm: 0 2px 8px rgba(0,0,0,.25);
  --shadow:    0 10px 30px rgba(0,0,0,.35);

  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;

  --ease: cubic-bezier(.22, 1, .36, 1);
  --dur:  .45s;
}