/* Generated from tokens.json by build-tokens.py. Do not edit generated values. */
@font-face{font-family:"Barlow Condensed";src:url("assets/fonts/barlow-condensed-700-latin.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("assets/fonts/source-sans-3-400-700-latin.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("assets/fonts/source-sans-3-italic-400-700-latin.woff2") format("woff2");font-weight:400 700;font-style:italic;font-display:swap}
:root{
  --bb-color-ink: #30392F;
  --bb-color-turf: #485B43;
  --bb-color-paper: #E7D9B9;
  --bb-color-chalk: #F4EAD3;
  --bb-color-oxblood: #874D3F;
  --bb-color-gold: #B79A5D;
  --bb-color-fog: #ADB19B;
  --bb-font-display: "Barlow Condensed", "Arial Narrow", Impact, sans-serif;
  --bb-font-editorial: "Source Sans 3", Arial, sans-serif;
  --bb-font-body: "Source Sans 3", Arial, sans-serif;
  --bb-font-mono: "Source Sans 3", Arial, sans-serif;
  --bb-text-xs: .8125rem;
  --bb-text-sm: .875rem;
  --bb-text-base: 1rem;
  --bb-text-lg: 1.25rem;
  --bb-text-xl: 1.5rem;
  --bb-text-2xl: 2rem;
  --bb-text-3xl: 3rem;
  --bb-text-display: clamp(3.5rem, 9vw, 8.5rem);
  --bb-space-1: .25rem;
  --bb-space-2: .5rem;
  --bb-space-3: .75rem;
  --bb-space-4: 1rem;
  --bb-space-6: 1.5rem;
  --bb-space-8: 2rem;
  --bb-space-12: 3rem;
  --bb-space-16: 4rem;
  --bb-space-24: 6rem;
  --bb-radius-sm: 6px;
  --bb-radius-control: 12px;
  --bb-radius-panel: 20px;
  --bb-radius-pill: 999px;
  --bb-border-width: 1px;
  --bb-control-height: 48px;
  --bb-control-compact: 44px;
  --bb-content-max: 1280px;
  --bb-reading-max: 65ch;
  --bb-gutter: clamp(1rem, 4vw, 4rem);
  --bb-duration-fast: 120ms;
  --bb-duration-base: 180ms;
  --bb-ease: cubic-bezier(.2,.8,.2,1);
  --bb-z-navigation: 20;
  --bb-z-popover: 40;
  --bb-z-dialog: 60;
  --bb-texture-paper: url("assets/paper-grain.svg");
  --bb-texture-print: url("assets/print-grain.svg");
  --bb-radius-frame: 28px;
  --bb-radius-inner: 8px;
  --bb-radius-action: 24px;
  --bb-material-blur: 20px;
  --bb-press-scale: .985;
  --bb-duration-settle: 220ms;
  --bb-color-night: #111F1B;
  --bb-color-field: #244638;
  --bb-image-stadium: url("assets/stadium-night-v1.png");
  --bb-duration-atmosphere: 28s;
}
:root,[data-bb-theme="light"]{
  --bb-canvas: #E7D9B9;
  --bb-surface: #F4EAD3;
  --bb-surface-subtle: #DCD0B3;
  --bb-ink: #30392F;
  --bb-muted: #59604E;
  --bb-line: #B8AC8C;
  --bb-border-control: #787B62;
  --bb-action: #485B43;
  --bb-action-hover: #35462F;
  --bb-action-ink: #F4EAD3;
  --bb-selected: #D8DDC5;
  --bb-selected-ink: #35462F;
  --bb-success: #24563A;
  --bb-success-bg: #E0E9DB;
  --bb-warning: #765015;
  --bb-warning-bg: #F5E8C6;
  --bb-danger: #874D3F;
  --bb-danger-bg: #EDD6C3;
  --bb-info: #305364;
  --bb-info-bg: #E1EAF0;
  --bb-focus: #874D3F;
  --bb-disabled: #666C64;
  --bb-disabled-bg: #DDDCD1;
  --bb-shadow: 0 20px 60px rgb(48 57 47 / .2), 0 2px 8px rgb(48 57 47 / .1);
  --bb-glass: rgb(244 234 211 / .96);
  --bb-glass-edge: rgb(255 252 245 / .7);
  --bb-shadow-control: 0 1px 2px rgb(48 57 47 / .1), inset 0 1px 0 rgb(255 252 245 / .24);
  --bb-shadow-navigation: 0 8px 24px rgb(48 57 47 / .12), inset 0 1px 0 rgb(255 252 245 / .65);
}
[data-bb-theme="dark"]{
  --bb-canvas: #242C24;
  --bb-surface: #303A2E;
  --bb-surface-subtle: #3D4635;
  --bb-ink: #E7D9B9;
  --bb-muted: #C2C5AE;
  --bb-line: #60674E;
  --bb-border-control: #989C80;
  --bb-action: #D7DABD;
  --bb-action-hover: #F4EAD3;
  --bb-action-ink: #30392F;
  --bb-selected: #49583F;
  --bb-selected-ink: #E8E6CC;
  --bb-success: #B9DBAD;
  --bb-success-bg: #253E2D;
  --bb-warning: #E9C786;
  --bb-warning-bg: #43351F;
  --bb-danger: #E8B9A0;
  --bb-danger-bg: #513B30;
  --bb-info: #BDD5DF;
  --bb-info-bg: #263D46;
  --bb-focus: #E0C28A;
  --bb-disabled: #B3BCAF;
  --bb-disabled-bg: #364237;
  --bb-shadow: 0 20px 60px rgb(0 0 0 / .36), 0 2px 8px rgb(0 0 0 / .18);
  --bb-glass: rgb(48 58 46 / .96);
  --bb-glass-edge: rgb(231 217 185 / .18);
  --bb-shadow-control: 0 1px 3px rgb(0 0 0 / .22), inset 0 1px 0 rgb(231 217 185 / .12);
  --bb-shadow-navigation: 0 8px 24px rgb(0 0 0 / .24), inset 0 1px 0 rgb(231 217 185 / .12);
}