/* iplbigwin.com — L03 Comparison-Table Layout
   V9 FSL11 row 56 — IPL contest / grand-league / conversion focus
   Wine red + cream + black palette — Playfair Display + Inter + IBM Plex Mono
   COMPLETELY NEW CSS — NOT derived from sister sites
   ============================================================================= */

:root {
  /* === Palette: wine red + cream + black === */
  --wine-900: #2A0A12;
  --wine-800: #3D0F1A;
  --wine-700: #5A1424;
  --wine-600: #7A1A30;
  --wine-500: #9B2240;
  --wine-400: #B83A5E;
  --wine-300: #D86E8B;
  --wine-200: #EAA9B7;
  --wine-100: #F5DCE0;

  --cream-50:  #FBF7F0;
  --cream-100: #F5EDDF;
  --cream-200: #EDE0CB;
  --cream-300: #E0CFAA;
  --cream-400: #C8B179;

  --ink-900: #0A0608;
  --ink-800: #14100F;
  --ink-700: #1F1817;
  --ink-600: #2D2422;

  /* === Tokens (used in styles.css) === */
  --primary: var(--wine-600);
  --primary-deep: var(--wine-800);
  --primary-soft: var(--wine-200);
  --accent: var(--cream-400);
  --accent-bright: #F1C45C;

  --bg: var(--cream-50);
  --bg-deep: var(--wine-900);
  --surface: #FFFFFF;
  --surface-cream: var(--cream-100);
  --surface-wine: var(--wine-700);

  --text: var(--ink-900);
  --text-soft: #4F4340;
  --text-muted: #827672;
  --text-inverse: var(--cream-50);
  --text-on-wine: var(--cream-50);

  --border: #E5D9C3;
  --border-wine: var(--wine-300);
  --border-strong: var(--ink-900);

  /* === Typography === */
  --font-serif: 'Playfair Display', 'Times New Roman', serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', 'Courier New', monospace;

  /* === Layout tokens === */
  --container: 1280px;
  --header-h: 76px;
  --radius-sm: 4px;
  --radius: 2px;       /* sharper edges for editorial comparison-table feel */
  --radius-lg: 6px;

  --gap: 16px;
  --gap-lg: 32px;
  --gap-xl: 56px;

  --shadow-sm: 0 1px 2px rgba(42, 10, 18, 0.08);
  --shadow-md: 0 4px 14px rgba(42, 10, 18, 0.12);
  --shadow-lg: 0 18px 36px rgba(42, 10, 18, 0.22);
  --shadow-hard: 4px 4px 0 var(--ink-900);
  --shadow-hard-wine: 4px 4px 0 var(--wine-700);

  --transition: 200ms ease;
}

/* iOS safe area */
:root { --safe-top: env(safe-area-inset-top); --safe-bot: env(safe-area-inset-bottom); }