/* COME SPORTS — Color & Type Tokens (Factory 30_DARK_COLOR_SYSTEM_152 ROYAL_BLUE_PITCH + TYPOGRAPHY_SYSTEM_004 Manrope)
   Royal-blue stadium surfaces, single lime accent for actionable signals,
   Manrope modern broadcast-editorial typography with Noto Sans Devanagari for Hindi script. */
:root {
  /* Royal-blue pitch core palette */
  --primary: #4DC4F9;
  --primary-dark: #3C99C2;
  --primary-soft: rgba(77, 196, 249, 0.16);
  --primary-line: rgba(77, 196, 249, 0.40);
  --accent: #ABE847;
  --accent-dark: #7DAE22;
  --accent-soft: rgba(171, 232, 71, 0.18);
  --live: #FF6F4E;
  --live-soft: rgba(255, 111, 78, 0.18);
  --success: #4FE0B5;
  --success-soft: rgba(79, 224, 181, 0.18);

  /* Royal blue stadium surfaces */
  --background: #05152D;
  --background-2: #061B3B;
  --surface: #091F41;
  --surface-2: #133564;
  --surface-3: #1B4480;
  --elev: rgba(0, 0, 0, 0.45);

  --text: #F8FAFC;
  --text-strong: #FFFFFF;
  --muted: #CBD5E1;
  --muted-2: #8E9FB8;
  --muted-3: #4A5B7A;

  --border: rgba(255, 255, 255, 0.14);
  --border-soft: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(77, 196, 249, 0.45);
  --border-accent: rgba(171, 232, 71, 0.45);

  --gradient: linear-gradient(135deg, #05152D 0%, #091F41 48%, #133564 100%);
  --gradient-warm: linear-gradient(135deg, rgba(77, 196, 249, 0.20) 0%, rgba(171, 232, 71, 0.08) 100%);
  --gradient-band: linear-gradient(180deg, #05152D 0%, #061B3B 100%);
  --gradient-cta: linear-gradient(135deg, #4DC4F9 0%, #3C99C2 100%);
  --gradient-accent: linear-gradient(135deg, #ABE847 0%, #7DAE22 100%);

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.5);
  --shadow-card: 0 8px 24px rgba(0, 0, 0, 0.55);
  --shadow-glow: 0 8px 32px rgba(77, 196, 249, 0.20);

  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* Typography: Manrope display + body, Noto Sans Devanagari fallback for Hindi */
  --font-sans: "Manrope", "Noto Sans Devanagari", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "Manrope", "Noto Sans Devanagari", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extra: 800;

  --content-w: 1240px;
  --header-h: 72px;
  --header-h-mobile: 60px;
  --section-gap: 88px;
  --gap: 20px;
}