/* comesportshub.com - Editorial Masthead theme
   Vertical: COME SPORTS — topical authority hub (brand + editorial guides)
   Distinct from sister sites:
     - iplfantasypro (Stadium Emerald betting)
     - iplsupercontest (Slate Pro)
     - playcomesports (Indigo App)
     - rupee1fantasy (Emerald Cricket)
     - bestcomesports (Gold Trophy)
     - bharatfantasycricket (Deep Forest Green)
   Brand voice: editorial sports journalism — factual, calm, authoritative.
============================================================ */
:root {
  /* Primary: masthead navy */
  --primary: #1E3A5F;
  --primary-dark: #14283F;
  --primary-light: #2C5282;
  --primary-border: rgba(30, 58, 95, 0.32);
  --primary-glow: rgba(30, 58, 95, 0.22);

  /* Accent: emerald scoreboard green */
  --accent: #10B981;
  --accent-dark: #059669;
  --accent-light: #34D399;
  --accent-border: rgba(16, 185, 129, 0.36);
  --accent-glow: rgba(16, 185, 129, 0.22);

  /* Highlight: cream paper */
  --paper: #FAF7F0;
  --paper-dark: #F0EBDC;
  --ink: #0F1B2D;

  /* Surface gradients */
  --gradient-cta: linear-gradient(135deg, #10B981 0%, #059669 100%);
  --gradient-hero: linear-gradient(180deg, #0F1B2D 0%, #14283F 50%, #1E3A5F 100%);
  --gradient-tile: linear-gradient(160deg, rgba(16, 185, 129, 0.10), rgba(30, 58, 95, 0.04));
  --gradient-accent: linear-gradient(135deg, #10B981 0%, #34D399 100%);
  --gradient-paper: linear-gradient(180deg, #FAF7F0 0%, #F0EBDC 100%);

  /* Backgrounds */
  --background: #0F1B2D;
  --background-2: #14283F;
  --background-light: #FAF7F0;
  --surface: rgba(16, 185, 129, 0.06);
  --surface-2: rgba(16, 185, 129, 0.10);
  --overlay: rgba(15, 27, 45, 0.92);
  --soft-border: rgba(255, 255, 255, 0.08);
  --border: rgba(16, 185, 129, 0.22);

  /* Text */
  --text: #F1F5F9;
  --text-strong: #FFFFFF;
  --text-muted: #CBD5E1;
  --muted: rgba(203, 213, 225, 0.9);
  --muted-2: rgba(203, 213, 225, 0.7);
  --inverse: #0F1B2D;
  --text-dark: #0F1B2D;
  --text-dark-muted: #475569;

  /* Header height */
  --header-h: 68px;
  --sticky-cta-h: 0px;

  /* Z-index — mobile drawer and its close control sit ABOVE the header
     so the in-drawer X button is always pointer-accessible. */
  --z-header: 200;
  --z-drawer: 900;
  --z-drawer-close: 950;

  /* Radii */
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;

  /* Shadow */
  --shadow-card: 0 4px 12px rgba(0, 0, 0, 0.18);
  --shadow-card-lg: 0 8px 24px rgba(0, 0, 0, 0.25);
  --shadow-cta: 0 4px 16px rgba(16, 185, 129, 0.35);

  /* Layout */
  --container: 1240px;
  --container-narrow: 880px;

  /* Type */
  --font-serif: 'Spectral', 'Georgia', 'Times New Roman', serif;
  --font-sans: 'Inter', 'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'JetBrains Mono', 'Menlo', 'Consolas', monospace;
}