/* ============================================
   Groundwave Marketing — Design Tokens
   Dark theme, amber accents
   ============================================ */

:root {
  /* Amber */
  --amber-50: #fffbeb;
  --amber-100: #fef3c7;
  --amber-200: #fde68a;
  --amber-400: #fbbf24;
  --amber-500: #f59e0b;
  --amber-600: #d97706;
  --amber-700: #b45309;
  --amber-900: #78350f;

  /* Stone */
  --stone-50: #fafaf9;
  --stone-100: #f5f5f4;
  --stone-200: #e7e5e4;
  --stone-300: #d6d3d1;
  --stone-400: #a8a29e;
  --stone-500: #78716c;
  --stone-600: #57534e;
  --stone-700: #44403c;
  --stone-800: #292524;
  --stone-900: #1c1917;

  /* Semantic */
  --bg: #0f0e0d;
  --bg-raised: #1a1816;
  --bg-card: #242220;
  --border: #3d3a37;
  --border-subtle: #2e2b28;
  --text: var(--stone-50);
  --text-muted: var(--stone-400);
  --text-heading: var(--amber-200);
  --primary: var(--amber-500);
  --primary-hover: var(--amber-400);
  --primary-bg: var(--amber-600);
  --primary-bg-hover: var(--amber-700);
  --green: #16a34a;
  --blue: #3b82f6;

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

  /* Spacing */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px;
  --s6: 24px; --s8: 32px; --s10: 40px; --s12: 48px; --s16: 64px; --s20: 80px;

  /* Radius */
  --r-sm: 6px; --r-md: 8px; --r-lg: 12px; --r-xl: 16px; --r-full: 9999px;

  /* Shadows */
  --shadow-md: 0 4px 12px -2px rgba(0,0,0,0.4);
  --shadow-lg: 0 12px 24px -4px rgba(0,0,0,0.5);
  --shadow-glow: 0 0 24px rgba(217,119,6,0.15);
  --shadow-glow-lg: 0 0 48px rgba(217,119,6,0.2);

  /* Gradients */
  --grad-amber: linear-gradient(135deg, #d97706, #f59e0b);
  --grad-warm: linear-gradient(135deg, rgba(251,191,36,0.08) 0%, transparent 100%);

  /* Transitions */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);

  /* Layout */
  --max-w: 1200px;
  --nav-h: 64px;
}