/* The gym's look, shared by the TV and the join page: Muskegon CrossFit's navy, blue and gold (the same tokens as its
   Turnout gym settings) and its display face. Another gym = another token block here, no other change. Dark first. */
@font-face { font-family: 'Barlow Semi Condensed'; font-weight: 700; font-display: swap; src: url('./fonts/barlow-semi-condensed-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family: 'Barlow Semi Condensed'; font-weight: 800; font-display: swap; src: url('./fonts/barlow-semi-condensed-latin-800-normal.woff2') format('woff2'); }
:root {
  --bg: #02070D; --surface: #0F1F31; --surface-2: #152A41; --line: #22384F; --ink: #E9F1F9; --muted: #9AB0C5;
  --accent: #5AA9F2; --accent-ink: #04182B; --energy: #FFC93C; --energy-ink: #241A00; --good: #4ADE9B; --warn: #FFD25E;
  --silver: #C7D3E0; --bronze: #D99A66; --shade: rgba(2, 7, 13, .86);
  --display: 'Barlow Semi Condensed', 'Arial Narrow', system-ui, sans-serif;
  --gap: clamp(6px, 1.1vh, 14px);
}
:root[data-theme='light'] {
  --bg: #EEF3F8; --surface: #FFFFFF; --surface-2: #E4EBF3; --line: #D6DFEA; --ink: #0E2033; --muted: #556779;
  --accent: #135AA3; --accent-ink: #FFFFFF; --energy: #F2B300; --energy-ink: #241A00; --good: #0B7F57; --warn: #845A00;
  --silver: #7C8CA0; --bronze: #A8632D; --shade: rgba(238, 243, 248, .9);
}