/* ═══════════════════════════════════════════════
   TOKENS.CSS — Stripe-Light Premium Theme
   PropBetEdge NFL v2
═══════════════════════════════════════════════ */
:root {
  --nfl:#14532D; --nfl-b:#166534; --nfl-bright:#16A34A; --nfl-vivid:#22C55E;
  --nfl-l:#F0FDF4; --nfl-ll:#DCFCE7; --nfl-d:#052E16; --nfl-glow:rgba(22,163,74,.12);
  --gold:#B45309; --gold-b:#D97706; --gold-l:#FFFBEB; --gold-ll:#FEF3C7;

  --bg:#F7F6F3; --bg-2:#F1F0EC;
  --surface:#FFFFFF; --surface-2:#FAFAF8; --surface-3:#F4F3EF;
  --surface-card:#FFFFFF; --surface-raised:#FFFFFF;
  --sidebar-bg:#FFFFFF; --header-bg:#FFFFFF;

  --ink:#111110; --ink2:#3C3B37; --ink3:#6E6D68; --ink4:#9E9D98; --ink5:#C8C7C2;

  --line:rgba(0,0,0,.07); --line2:rgba(0,0,0,.11); --line3:rgba(0,0,0,.16);
  --line-green:rgba(22,163,74,.2); --line-gold:rgba(217,119,6,.2);

  --success:#16A34A; --success-l:#F0FDF4;
  --warning:#D97706; --warning-l:#FFFBEB;
  --danger:#DC2626;  --danger-l:#FEF2F2;
  --info:#2563EB;    --info-l:#EFF6FF;

  --afc:#DC2626; --afc-l:#FEF2F2;
  --nfc:#2563EB; --nfc-l:#EFF6FF;

  --shadow-xs:0 1px 2px rgba(0,0,0,.05);
  --shadow-sm:0 1px 3px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.04);
  --shadow-md:0 4px 6px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.04);
  --shadow-lg:0 10px 15px rgba(0,0,0,.06),0 4px 6px rgba(0,0,0,.04);
  --shadow-xl:0 20px 25px rgba(0,0,0,.08),0 8px 10px rgba(0,0,0,.04);
  --shadow-card:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);
  --shadow-hover:0 4px 12px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06);

  --r-xs:4px; --r-sm:6px; --r-md:10px; --r-lg:14px; --r-xl:18px; --r-2xl:24px;
  --sidebar-w:248px; --ticker-h:36px; --header-h:52px;
  --font-display:'Barlow Condensed',sans-serif;
  --font-body:'DM Sans',sans-serif;
  --font-mono:'DM Mono',monospace;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:14px;line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button,input,select,textarea{font-family:var(--font-body)}
button{cursor:pointer;background:none;border:none}

::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:var(--bg-2)}
::-webkit-scrollbar-thumb{background:var(--ink5);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--ink4)}

@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes slideUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes roll{to{transform:translateX(-50%)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes popIn{0%{opacity:0;transform:scale(.92)}100%{opacity:1;transform:scale(1)}}
@keyframes tdFlash{0%{opacity:0;transform:scale(.85)}15%{opacity:1;transform:scale(1.04)}85%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.95)}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes countup{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}