/* ============================================================
   DESIGN TOKENS — Blake Burnett Portfolio
   ============================================================ */

:root {
  /* Backgrounds */
  --bg-primary:   #0A0A0F;
  --bg-surface:   #12121A;
  --bg-elevated:  #1A1A24;
  --bg-card:      #14141E;

  /* Accents */
  --accent-violet:       #8B5CF6;
  --accent-violet-light: #A78BFA;
  --accent-violet-dim:   rgba(139, 92, 246, 0.15);
  --accent-violet-glow:  rgba(139, 92, 246, 0.35);
  --accent-cyan:         #22D3EE;
  --accent-cyan-dim:     rgba(34, 211, 238, 0.15);

  /* Text */
  --text-primary:   #F8FAFC;
  --text-secondary: #94A3B8;
  --text-tertiary:  #64748B;

  /* Borders */
  --border-subtle:  rgba(255, 255, 255, 0.06);
  --border-default: rgba(255, 255, 255, 0.10);
  --border-bright:  rgba(255, 255, 255, 0.18);

  /* Shadows / Glow */
  --glow-violet: 0 0 24px rgba(139, 92, 246, 0.45), 0 0 64px rgba(139, 92, 246, 0.15);
  --glow-cyan:   0 0 20px rgba(34, 211, 238, 0.35);
  --shadow-card: 0 4px 32px rgba(0, 0, 0, 0.5);

  /* Typography */
  --font-display: 'Clash Display', 'Plus Jakarta Sans', sans-serif;
  --font-body:    'Plus Jakarta Sans', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  /* Spacing */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2.5rem;
  --space-xl:  4rem;
  --space-2xl: 6rem;
  --space-3xl: 8rem;

  /* Layout */
  --max-width:    1200px;
  --content-width: 720px;
  --radius-sm:    6px;
  --radius-md:    12px;
  --radius-lg:    20px;

  /* Transitions */
  --transition-fast:   150ms ease;
  --transition-normal: 250ms ease;
  --transition-slow:   400ms ease;

  /* Nav */
  --nav-height: 72px;
}

/* Reduced-motion override */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}