/* fantasyindiancricket.com — L03 Comparison-Table Layout (V9 FSL11 row 52)
   Theme: Indian cricket DNA + App/Conversion focus
   Palette: Midnight Blue + Electric Orange + Gold (DIFFERENT from L05 forest/coral and L08 mint/sunset)
   Type: Playfair Display + IBM Plex Sans + IBM Plex Mono (DIFFERENT from Fraunces/Poppins and Manrope)
   Nav: Mega-menu top + sticky side rail (DIFFERENT from bottom dock and top-hamburger)
   ============================================================================= */

:root {
  /* ============ L03 Midnight + Electric palette ============ */
  --midnight-950: #050B1A;
  --midnight-900: #0A1226;
  --midnight-800: #0F1A35;
  --midnight-700: #152447;
  --midnight-600: #1E315C;
  --midnight-500: #2A4475;
  --midnight-400: #4A6BA8;
  --midnight-300: #7B97C7;
  --midnight-200: #B0C2DD;
  --midnight-100: #DCE4F0;

  --orange-700: #C2410C;
  --orange-600: #EA580C;
  --orange-500: #F97316;
  --orange-400: #FB923C;
  --orange-300: #FDBA74;
  --orange-200: #FED7AA;

  --gold-700: #B45309;
  --gold-600: #D97706;
  --gold-500: #F59E0B;
  --gold-400: #FBBF24;
  --gold-300: #FCD34D;
  --gold-200: #FDE68A;

  --crimson-700: #991B1B;
  --crimson-600: #DC2626;
  --crimson-500: #EF4444;

  --ivory-50: #FFFEF7;
  --cream-100: #FDF8EC;
  --cream-200: #F5EDD7;

  /* Semantic tokens (midnight-leaning dark theme with electric-orange highlights) */
  --bg: var(--midnight-950);
  --bg-deep: var(--midnight-900);
  --bg-elev: var(--midnight-800);
  --bg-elev-2: var(--midnight-700);
  --surface: var(--midnight-800);
  --surface-warm: var(--midnight-700);
  --text: #F4F1E8;
  --text-soft: #C8C2B0;
  --text-muted: #8B8676;
  --primary: var(--orange-500);
  --primary-strong: var(--orange-600);
  --primary-light: var(--orange-300);
  --accent: var(--gold-500);
  --accent-strong: var(--gold-600);
  --accent-soft: var(--gold-300);
  --highlight: #FFFFFF;

  --border: rgba(249, 115, 22, 0.18);
  --border-strong: rgba(249, 115, 22, 0.42);
  --border-soft: rgba(255, 254, 247, 0.08);

  --primary-border: rgba(249, 115, 22, 0.45);
  --gradient-tile: linear-gradient(135deg, var(--midnight-700) 0%, var(--midnight-800) 100%);
  --gradient-cta: linear-gradient(135deg, var(--orange-500), var(--gold-500));

  --shadow-card: 0 4px 20px rgba(5, 11, 26, 0.5);
  --shadow-elev: 0 14px 50px rgba(249, 115, 22, 0.18);
  --shadow-glow: 0 0 32px rgba(249, 115, 22, 0.4);

  /* Type — Playfair Display + IBM Plex Sans (DIFFERENT from L05 Fraunces/Poppins and L08 Manrope) */
  --font-display: 'Playfair Display', 'Times New Roman', Georgia, serif;
  --font-sans: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', 'SF Mono', Menlo, monospace;
  --font-hindi: 'Tiro Devanagari Hindi', 'Noto Serif Devanagari', serif;

  /* Layout */
  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 28px;
  --r-pill: 999px;

  --container: 1320px;
  --rail-w: 296px;
  --header-h: 72px;
  --t-fast: 0.18s ease;
  --t-mid: 0.32s cubic-bezier(.2,.7,.3,1);
}