/**
 * Kite Media Official Design Tokens (v3.2)
 * Light Theme Default with Crimson Primary Accent (#D3122D)
 */

:root {
  /* Brand Colors */
  --accent-primary: #E31B23;          /* Vibrant Brand Red */
  --accent-blue: #0066A1;             /* Accent Brand Blue */

  /* Typography Families — 2 Typefaces Max */
  --font-heading: 'Space Grotesk', -apple-system, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Typography Scale */
  --text-xs: 0.75rem;                /* 12px */
  --text-sm: 0.875rem;               /* 14px */
  --text-base: 1rem;                 /* 16px */
  --text-lg: 1.25rem;                /* 20px */
  --text-xl: 1.75rem;                /* 28px */
  --text-2xl: 2.75rem;               /* 44px */
  --text-3xl: clamp(2.75rem, 6vw, 5.5rem); /* Hero display scale */

  /* Base Spacing & Precision Radii */
  --spacing-unit: 8px;
  --radius-sm: 4px;
  --radius-md: 8px;

  /* ☀️ LIGHT THEME (Paper / Clean Slate — DEFAULT) */
  --bg-canvas: #F8FAFC;
  --surface-raised: #FFFFFF;
  --border-color: #E2E8F0;
  --header-bg: rgba(255, 255, 255, 0.92);

  --text-primary: #0F172A;           /* Rich Obsidian Body text — AAA contrast */
  --text-secondary: #475569;         /* Slate neutral — AA contrast */
}

/* 🌙 DARK THEME OPTION */
[data-theme="dark"] {
  --bg-canvas: #0B0D12;
  --surface-raised: #14161D;
  --border-color: #232733;
  --header-bg: rgba(11, 13, 18, 0.88);

  --text-primary: #F4F5F7;
  --text-secondary: #9AA3B2;
}