/* V9 FSL11 — variables.css — TEAL SCOREBOARD (editorial newsroom)
   Primary: #41D8C5 (teal scoreboard) — Accent: #F97E29 (live orange signal)
   Background: #02181D (deep editorial slab)
   This palette is unique to fantasycricketlive.com — an editorial publication,
   not a casino or bonus funnel. Inspired by The Athletic, Cricbuzz, ESPNcricinfo.
*/

:root {
  /* Brand colors — Teal Scoreboard */
  --primary: #41D8C5;
  --primary-2: #6BE5D6;
  --primary-deep: #33A89A;
  --primary-dark: #1F8077;
  --primary-tint: rgba(65, 216, 197, 0.14);
  --primary-border: rgba(65, 216, 197, 0.42);
  --primary-border-soft: rgba(65, 216, 197, 0.22);

  /* Live signal orange — deadlines, breaking, LIVE pill */
  --accent: #F97E29;
  --accent-2: #FFB07A;
  --accent-deep: #C75A12;
  --accent-tint: rgba(249, 126, 41, 0.16);

  /* Status */
  --success: #41D8C5;
  --danger: #F87171;
  --warning: #FBBF24;
  --live: #F97E29;

  /* Editorial surface ladder (cool dark) */
  --background: #02181D;          /* page bg */
  --background-2: #06222A;        /* band variant */
  --surface: #0B2D36;             /* card base */
  --surface-2: #13464B;           /* card hover / raised */
  --surface-3: #1A5A61;           /* hover deeper */
  --ink: #0F1318;                 /* longform ink (rarely used) */

  /* Light longform surface for article body */
  --paper: #F5F8F8;
  --paper-2: #FFFFFF;
  --paper-3: #E8EEEE;
  --paper-text: #1A2530;
  --paper-muted: #566770;

  /* Text on dark */
  --text: #F8FAFC;
  --text-2: #CBD5E1;
  --muted: #94A3B8;
  --muted-2: #64748B;

  /* Borders */
  --border: rgba(65, 216, 197, 0.16);
  --border-strong: rgba(65, 216, 197, 0.32);
  --soft-border: rgba(65, 216, 197, 0.10);
  --paper-border: rgba(26, 37, 48, 0.12);

  /* Spacing */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;

  /* Type — Manrope (display + body) + Noto Sans Devanagari (paired) */
  --font-display: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-devanagari: 'Noto Sans Devanagari', 'Manrope', sans-serif;
  --font-mono: ui-monospace, 'SFMono-Regular', 'Menlo', monospace;

  /* Radii — editorial restraint */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;

  /* Layout */
  --container-max: 1240px;
  --header-h: 72px;

  /* Shadows */
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.02) inset, 0 6px 18px rgba(0, 0, 0, 0.32);
  --shadow-elev: 0 18px 48px rgba(0, 0, 0, 0.42);
  --shadow-paper: 0 1px 2px rgba(26, 37, 48, 0.06), 0 6px 20px rgba(26, 37, 48, 0.05);

  /* Gradients */
  --gradient-band: linear-gradient(180deg, #02181D 0%, #06222A 100%);
  --gradient-card: linear-gradient(160deg, #0B2D36 0%, #13464B 100%);
  --gradient-hero: linear-gradient(120deg, rgba(2, 24, 29, 0.94) 0%, rgba(11, 45, 54, 0.78) 60%, rgba(19, 70, 75, 0.4) 100%);
  --gradient-live: linear-gradient(90deg, #F97E29 0%, #FFB07A 100%);
}