:root {
  /* ── Brand Colors ─────────────────────── */
  --clr-bg:             #081125;
  --clr-bg-card:        #0d1a35;
  --clr-bg-card-hover:  #0f2040;
  --clr-bg-glass:       rgba(13, 26, 53, 0.7);

  --clr-primary:        #22c55e;
  --clr-primary-light:  #4ade80;
  --clr-primary-dark:   #16a34a;
  --clr-primary-glow:   rgba(34, 197, 94, 0.35);
  --clr-primary-subtle: rgba(34, 197, 94, 0.08);
  --clr-primary-border: rgba(34, 197, 94, 0.2);

  --clr-text:           #f1f5f9;
  --clr-text-secondary: #94a3b8;
  --clr-text-muted:     #475569;

  --clr-border:         rgba(255, 255, 255, 0.06);
  --clr-border-green:   rgba(34, 197, 94, 0.18);

  /* ── Typography ───────────────────────── */
  --font:               'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --text-xs:    0.7rem;
  --text-sm:    0.825rem;
  --text-base:  1rem;
  --text-lg:    1.125rem;
  --text-xl:    1.25rem;
  --text-2xl:   1.5rem;
  --text-3xl:   1.875rem;
  --text-4xl:   2.25rem;
  --text-5xl:   3rem;
  --text-6xl:   3.75rem;
  --text-7xl:   4.5rem;

  /* ── Spacing ──────────────────────────── */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.25rem;
  --sp-6:  1.5rem;
  --sp-8:  2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-20: 5rem;
  --sp-24: 6rem;
  --sp-32: 8rem;

  /* ── Radii ────────────────────────────── */
  --r-sm:   0.375rem;
  --r-md:   0.5rem;
  --r-lg:   0.75rem;
  --r-xl:   1rem;
  --r-2xl:  1.5rem;
  --r-full: 9999px;

  /* ── Shadows ──────────────────────────── */
  --shadow-sm:    0 2px 8px rgba(0,0,0,0.25);
  --shadow-card:  0 4px 24px rgba(0,0,0,0.35);
  --shadow-glow:  0 0 28px rgba(34, 197, 94, 0.3);
  --shadow-glow-lg: 0 0 60px rgba(34, 197, 94, 0.2);

  /* ── Transitions ──────────────────────── */
  --ease:      cubic-bezier(0.4, 0, 0.2, 1);
  --t-fast:    150ms;
  --t-base:    300ms;
  --t-slow:    500ms;

  /* ── Layout ───────────────────────────── */
  --max-w:   1180px;
  --nav-h:   72px;
}