/* jackpotproin.com — Slate Utility theme (LIGHT_COLOR_007_SLATE_UTILITY)
   Vertical: rummy & skill-game guide (slots brand track)
   Brand: jackpot — reference publication voice
   Different from bestcomesports (Gold Trophy dark), iplfantasypro (Stadium Emerald),
   iplsupercontest (Slate Pro), playcomesports (Indigo App), rupee1fantasy (Emerald Cricket)
============================================================ */
:root {
  /* Primary: slate utility blue */
  --primary: #2457A7;
  --primary-dark: #1B3F7C;
  --primary-light: #3E72C0;
  --primary-border: rgba(36, 87, 167, 0.32);
  --primary-glow: rgba(36, 87, 167, 0.18);

  /* Accent: single-signal violet */
  --accent: #A044C5;
  --accent-dark: #7C349A;
  --accent-border: rgba(160, 68, 197, 0.32);

  /* Surface gradient */
  --gradient-cta: linear-gradient(135deg, #2457A7 0%, #3E72C0 100%);
  --gradient-hero: linear-gradient(180deg, #FFFFFF 0%, #F6F8FC 100%);
  --gradient-tile: linear-gradient(160deg, rgba(36, 87, 167, 0.04), rgba(160, 68, 197, 0.02));
  --gradient-accent: linear-gradient(135deg, #A044C5 0%, #C77DD6 100%);

  /* Backgrounds — light, pale slate */
  --background: #F6F8FC;
  --background-2: #E9EEF7;
  --surface: #FFFFFF;
  --surface-2: #F0F3F9;
  --surface-3: #E9EEF7;

  /* Ink text */
  --text: #1B2638;
  --text-strong: #0E1626;
  --text-muted: #5A6B80;
  --text-soft: #7A8AA0;

  /* Hairline rules */
  --border: #CDD8E8;
  --border-strong: #B4C2D6;
  --border-soft: #E1E8F1;

  /* Hairline rule for ledger rows */
  --rule: 1px solid #CDD8E8;
  --rule-strong: 1px solid #1B2638;

  /* Surface cards */
  --card-bg: #FFFFFF;
  --card-border: 1px solid #CDD8E8;

  /* Status */
  --success: #2A8A57;
  --warning: #C77A11;
  --danger: #B53A3A;

  /* Typography */
  --font-sans: 'Roboto', 'Noto Sans Devanagari', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --font-num: 'Roboto', 'Noto Sans Devanagari', 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'SFMono-Regular', 'Consolas', 'Liberation Mono', monospace;

  /* Scale (condensed-scoreboard typography) */
  --numeral-display: clamp(96px, 18vw, 220px);
  --numeral-section: clamp(80px, 14vw, 168px);
  --numeral-tile: clamp(40px, 6vw, 64px);
  --h1: clamp(38px, 6vw, 64px);
  --h2: clamp(28px, 3.5vw, 40px);
  --h3: clamp(20px, 2.4vw, 26px);
  --h4: 18px;
  --body: 17px;
  --body-lg: 19px;
  --kicker: 12px;
  --small: 14px;

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

  /* Geometry — sharp-editorial, no rounded chrome */
  --radius: 0px;
  --radius-tile: 0px;
  --shadow-card: none;
  --shadow-elev: none;
  --shadow-hover: none;

  /* Layout */
  --container: 1200px;
  --container-narrow: 880px;
  --rule-hairline: 1px solid var(--border);

  /* Z-index scale — header must clear every positioned section's stacking context */
  --z-header: 250;
  --z-hamburger: 260;
  --z-drawer: 240;
  --z-skip-link: 9999;
}