/* SafeBet V2.1 — Design tokens */
/* ─── TOKENS ──────────────────────────────────────────────── */
:root {
  /* Palette */
  --ink:       #0B1F33;
  --ink2:      #1E3448;
  --ink3:      #2F4A62;
  --green:     #0E9B6F;
  --green-l:   #12BC87;
  --green-bg:  #EBF9F4;
  --green-b:   #BDE8D8;
  --gold:      #C8930A;
  --gold-bg:   #FDF5E0;
  --gold-b:    #EDD68A;
  --red:       #D42B34;
  --red-bg:    #FEF0F0;
  --orange:    #D06B00;
  --orange-bg: #FEF3E4;
  --blue:      #1A5FB8;
  --blue-bg:   #EBF2FD;
  --teal:      #0A8C82;
  --teal-bg:   #E6F7F6;
  --purple:    #6930C3;
  --purple-bg: #F0EBFC;
  /* Surfaces */
  --bg:    #F2F7FB;
  --sf:    #FFFFFF;
  --s2:    #F7FAFD;
  --s3:    #EEF4F9;
  /* Typography */
  --text:  #0B1F33;
  --muted: #4A6378;
  --dim:   #8A9DAF;
  /* Borders */
  --line:  #D8E6EF;
  --line2: #C5D7E3;
  /* Shadows */
  --sh-sm: 0 2px 8px rgba(11,31,51,.06);
  --sh-md: 0 8px 28px rgba(11,31,51,.09);
  --sh-lg: 0 20px 60px rgba(11,31,51,.12);
  /* Radius */
  --r:    16px;
  --r-sm: 10px;
  --r-xs: 7px;
}

/* ─── RESET ──────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 15px; -webkit-font-smoothing: antialiased; text-rendering: geometricPrecision; }
body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  background: linear-gradient(160deg, #EBF5FF 0%, #F2F7FB 40%, #EDF9F4 100%);
  color: var(--text);
  min-height: 100vh;
  font-weight: 500;
  line-height: 1.55;
}