/* Generado por web/scripts/generate-css-tokens.py desde design/tokens/bolea-tokens.json.
   No editar a mano: cambia el JSON y vuelve a generar. */

:root {
  color-scheme: light dark;
  --bg: #F6F3EE; /* color.background.primary */
  --bg2: #EFEBE4; /* color.background.secondary */
  --s1: #FFFFFF; /* color.surface.primary */
  --s2: #ECE8E1; /* color.surface.secondary */
  --s3: #FFFFFF; /* color.surface.elevated */
  --t1: #111315; /* color.text.primary */
  --t2: #5F5B54; /* color.text.secondary */
  --t3: #736F67; /* color.text.tertiary */
  --brt: #B04822; /* color.text.brand */
  --bd: rgba(17,19,21,0.08); /* color.border.subtle */
  --bd2: rgba(17,19,21,0.16); /* color.border.strong */
  --br: #C9562C; /* color.brand.primary */
  --ac: #B04822; /* color.accent.primary */
  --acp: #953A18; /* color.accent.pressed */
  --on: #FFFFFF; /* color.accent.on */
  --brs: rgba(201,86,44,0.12); /* color.accent.subtle */
  --win: #0C7A4B; /* color.status.win */
  --wins: rgba(12,122,75,0.12); /* color.status.winSubtle */
  --los: #8B877F; /* color.status.loss */
  --err: #CC2538; /* color.status.error */
  --errs: rgba(204,37,56,0.10); /* color.status.errorSubtle */
  --lg: #2366E9; /* color.achievement.primary */
  --lgs: rgba(35,102,233,0.12); /* color.achievement.subtle */
  --inv: #111315; /* color.inverse.surface */
  --oninv: #F6F3EE; /* color.inverse.text */
  --ln: #FFFFFF; /* color.line.court */
  --scr: rgba(17,19,21,0.40); /* color.overlay.scrim */
  --map: #E4DED3; /* color.map.base */
  --mapl: #D5CDBF; /* color.map.line */
  --space-s1: 4px;
  --space-s2: 8px;
  --space-s3: 12px;
  --space-s4: 16px;
  --space-s5: 20px;
  --space-s6: 24px;
  --space-s8: 32px;
  --space-s12: 48px;
  --space-margin: 20px;
  --radius-s: 8px;
  --radius-m: 12px;
  --radius-l: 20px;
  --radius-full: 999px;
  --type-title-size: 28px;
  --type-title-line: 34px;
  --type-title-weight: 700;
  --type-headline-size: 20px;
  --type-headline-line: 25px;
  --type-headline-weight: 600;
  --type-body-size: 17px;
  --type-body-line: 22px;
  --type-body-weight: 400;
  --type-callout-size: 15px;
  --type-callout-line: 20px;
  --type-callout-weight: 400;
  --type-caption-size: 13px;
  --type-caption-line: 18px;
  --type-caption-weight: 500;
  --type-micro-size: 11px;
  --type-micro-line: 13px;
  --type-micro-weight: 600;
  --type-micro-tracking: 0.6px;
  --display-hero-size: 120px;
  --display-hero-line: 0.85;
  --display-xl-size: 72px;
  --display-xl-line: 0.9;
  --display-l-size: 40px;
  --display-l-line: 0.95;
  --display-m-size: 28px;
  --display-m-line: 1;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #111315;
    --bg2: #0B0C0E;
    --s1: #1A1C1F;
    --s2: #26292D;
    --s3: #222528;
    --t1: #F6F3EE;
    --t2: #A9A49B;
    --t3: #8A867E;
    --brt: #EB7A53;
    --bd: rgba(246,243,238,0.08);
    --bd2: rgba(246,243,238,0.18);
    --br: #C9562C;
    --ac: #BF4F27;
    --acp: #A8441F;
    --on: #FFFFFF;
    --brs: rgba(235,122,83,0.16);
    --win: #54CC8E;
    --wins: rgba(84,204,142,0.14);
    --los: #8E8A83;
    --err: #FD7273;
    --errs: rgba(253,114,115,0.14);
    --lg: #75A9FF;
    --lgs: rgba(117,169,255,0.16);
    --inv: #F6F3EE;
    --oninv: #111315;
    --ln: #FFFFFF;
    --scr: rgba(0,0,0,0.60);
    --map: #1D2023;
    --mapl: #2A2E33;
  }
}