/**
 * eLearningHub Academy — Brand Tokens
 * Design system variables for navy/gold/cream + typography.
 */

:root {
  /* Brand colors */
  --eh-navy: #162855;
  --eh-navy-dark: #0e1a3a;
  --eh-navy-light: #2c4480;
  --eh-gold: #c8880a;
  --eh-gold-light: #e4a23b;
  --eh-gold-dark: #9a6804;
  --eh-cream: #fdf8f0;
  --eh-cream-dark: #f5edd9;
  --eh-ink: #2c2a26;
  --eh-ink-soft: #4a4742;

  /* Grayscale */
  --eh-gray-50: #fafafa;
  --eh-gray-100: #f4f4f3;
  --eh-gray-200: #e8e7e5;
  --eh-gray-300: #d4d2cf;
  --eh-gray-400: #a8a5a0;
  --eh-gray-500: #807d77;
  --eh-gray-600: #6c6661;
  --eh-gray-700: #4a4742;
  --eh-gray-800: #2c2a26;

  /* Typography */
  --eh-ff-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --eh-ff-heraldic: 'Cinzel', 'Trajan Pro', Georgia, serif;
  --eh-ff-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --eh-ff-accent: 'Source Serif Pro', Georgia, serif;

  /* Spacing scale */
  --eh-space-1: 4px;
  --eh-space-2: 8px;
  --eh-space-3: 12px;
  --eh-space-4: 16px;
  --eh-space-5: 24px;
  --eh-space-6: 32px;
  --eh-space-7: 48px;
  --eh-space-8: 64px;
  --eh-space-9: 96px;

  /* Layout */
  --eh-container: 1200px;
  --eh-container-narrow: 800px;
  --eh-radius-sm: 3px;
  --eh-radius: 4px;
  --eh-radius-lg: 8px;

  /* Elevation */
  --eh-shadow-sm: 0 1px 3px rgba(22, 40, 85, 0.06);
  --eh-shadow: 0 4px 12px rgba(22, 40, 85, 0.08);
  --eh-shadow-lg: 0 12px 32px rgba(22, 40, 85, 0.12);
}