/* Sunlit League — light broadcast-paper palette for fantasyein.com (esports, vertical-brand-v2) */
:root {
  /* Page fields */
  --paper: #F7F4EA;          /* ivory page */
  --paper-soft: #EFEAD9;     /* aged ivory for soft sections */
  --paper-edge: #E6DFC9;     /* hairline borders on paper */
  --surface: #FFFFFF;        /* editorial white */
  --surface-2: #FBF7EA;      /* warm white */
  --surface-3: #F2EDDC;      /* sand */

  /* Ink */
  --ink: #101418;            /* primary ink */
  --ink-2: #1E252C;          /* secondary ink */
  --ink-3: #3D4751;          /* tertiary */
  --ink-4: #5C6670;          /* muted text */
  --ink-5: #7C8690;          /* footnote */

  /* Blue — navigation / accents */
  --nav: #1E3A8A;            /* deep blue (header) */
  --nav-2: #1D4ED8;          /* primary blue */
  --nav-3: #2563EB;          /* link blue */
  --nav-4: #3B82F6;          /* hover blue */
  --nav-tint: #DBE6FF;       /* pale tint */

  /* Amber — restrained signals */
  --amber: #D97706;          /* primary amber */
  --amber-2: #B45309;        /* hover */
  --amber-3: #92400E;        /* deep amber */
  --amber-tint: #FCEAC8;     /* pale amber */

  /* Status */
  --status-up: #15803D;
  --status-up-tint: #DCFCE7;
  --status-down: #991B1B;
  --status-down-tint: #FEE2E2;
  --status-warn: #B45309;
  --status-warn-tint: #FEF3C7;

  /* Layout */
  --max-w: 1280px;
  --gutter: 24px;
  --radius: 6px;
  --radius-lg: 14px;
  --radius-pill: 999px;

  /* Type */
  --font-display: 'Poppins', system-ui, -apple-system, sans-serif;
  --font-body: 'Noto Sans Devanagari', 'Poppins', system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, monospace;

  /* Borders */
  --border: 1px solid var(--paper-edge);
  --border-strong: 1px solid var(--ink-3);
  --hairline: 1px solid rgba(16, 20, 24, 0.08);
  --hairline-strong: 1px solid rgba(16, 20, 24, 0.16);

  /* Shadows — restrained */
  --shadow-card: 0 1px 0 rgba(16, 20, 24, 0.04), 0 8px 24px -16px rgba(16, 20, 24, 0.10);
  --shadow-pop: 0 8px 32px -12px rgba(16, 20, 24, 0.20);

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --duration: 180ms;

  /* Sticky offsets */
  --header-h: 64px;
  --mobile-cta-h: 56px;
}