/*
 * HeyLead — Design Tokens
 * Single source of truth for brand colors, typography, radii, and shadows.
 *
 * Consumed by:
 *   - public/landing.html, public/privacy.html, public/terms.html (via <link>)
 *   - src/index.css (Tailwind @theme duplicates these — keep in sync)
 *   - email templates (Phase D)
 */

:root {
  /* Brand indigo — primary color across every surface */
  --color-primary-50:  #eef2ff;
  --color-primary-100: #e0e7ff;
  --color-primary-200: #c7d2fe;
  --color-primary-300: #a5b4fc;
  --color-primary-400: #818cf8;
  --color-primary-500: #6366f1; /* primary */
  --color-primary-600: #4f46e5;
  --color-primary-700: #4338ca;
  --color-primary-800: #3730a3;
  --color-primary-900: #312e81;

  /* Hero gradient — landing, quiz, email headers */
  --gradient-hero: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);

  /* Dark surface scale (marketing pages) */
  --color-bg:          #0a0a0f;
  --color-surface:     #18181b;
  --color-surface-alt: #1f1f23;
  --color-border:      #3f3f46;
  --color-border-dim:  #27272a;
  --color-fg-strong:   #ffffff;
  --color-fg:          #e4e4e7;
  --color-fg-muted:    #a1a1aa;
  --color-fg-dim:      #71717a;

  /* Semantic */
  --color-success-500: #22c55e;
  --color-warning-500: #f59e0b;
  --color-danger-500:  #ef4444;

  /* Typography */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', 'Menlo', 'Monaco', 'Consolas', monospace;

  /* Radii */
  --radius-sm:  0.25rem;
  --radius-md:  0.375rem;
  --radius-lg:  0.5rem;
  --radius-xl:  0.75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;

  /* Shadows (soft, single layer) */
  --shadow-sm:           0 1px 2px rgba(0, 0, 0, 0.08);
  --shadow-md:           0 4px 12px rgba(0, 0, 0, 0.12);
  --shadow-lg:           0 12px 28px rgba(0, 0, 0, 0.18);
  --shadow-glow-primary: 0 8px 24px -8px rgba(99, 102, 241, 0.5);
}