/* generated from data/tokens.yml — do not edit */
@font-face{font-family:'Big Shoulders Display';font-weight:700;font-style:normal;font-display:swap;src:url('/assets/fonts/BigShouldersDisplay-700.woff2') format('woff2')}
@font-face{font-family:'Big Shoulders Display';font-weight:800;font-style:normal;font-display:swap;src:url('/assets/fonts/BigShouldersDisplay-800.woff2') format('woff2')}
@font-face{font-family:'Big Shoulders Display';font-weight:900;font-style:normal;font-display:swap;src:url('/assets/fonts/BigShouldersDisplay-900.woff2') format('woff2')}
@font-face{font-family:'Archivo';font-weight:400;font-style:normal;font-display:swap;src:url('/assets/fonts/Archivo-400.woff2') format('woff2')}
@font-face{font-family:'Archivo';font-weight:500;font-style:normal;font-display:swap;src:url('/assets/fonts/Archivo-500.woff2') format('woff2')}
@font-face{font-family:'Archivo';font-weight:600;font-style:normal;font-display:swap;src:url('/assets/fonts/Archivo-600.woff2') format('woff2')}
@font-face{font-family:'Archivo';font-weight:700;font-style:normal;font-display:swap;src:url('/assets/fonts/Archivo-700.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:400;font-style:normal;font-display:swap;src:url('/assets/fonts/IBMPlexMono-400.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:500;font-style:normal;font-display:swap;src:url('/assets/fonts/IBMPlexMono-500.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:600;font-style:normal;font-display:swap;src:url('/assets/fonts/IBMPlexMono-600.woff2') format('woff2')}
@font-face{font-family:'Bungee';font-weight:400;font-style:normal;font-display:swap;src:url('/assets/fonts/Bungee-400.woff2') format('woff2')}
:root{
  --ink-bg: #0e0b09;
  --ink-panel: #171310;
  --ink-strip: #12100e;
  --ink-hover: #221c18;
  --ink-danger-bg: #1a0f0e;
  --line: #2a2320;
  --chalk: #f4efe6;
  --plate-red: #d1332e;
  --plate-blue: #2f5fd0;
  --plate-yellow: #e8c022;
  --plate-green: #2f9e57;
  --plate-white: #eae4d8;
  --plate-grey: #8e8579;
  --deload: #6e7d8c;
  --danger-text: #ee6660;
  --hatch-angle: 120deg;
  --hatch-rgb: 244,239,230;
  --chalk-rgb: 244,239,230;
  --chalk-dim: rgba(244,239,230,.6);
  --ease: cubic-bezier(.2,.9,.2,1);
  --accent:var(--plate-red);
  --accent-rgb:209,51,46;
}
[data-week="1"]{--accent:var(--plate-blue);--accent-rgb:47,95,208}
[data-week="2"]{--accent:var(--plate-green);--accent-rgb:47,158,87}
[data-week="3"]{--accent:var(--plate-red);--accent-rgb:209,51,46}
[data-week="4"]{--accent:var(--deload);--accent-rgb:110,125,140}
.h-1{--h:repeating-linear-gradient(var(--hatch-angle),rgba(var(--hatch-rgb),0.26) 0 1px,transparent 1px 16px)}
.h-2{--h:repeating-linear-gradient(var(--hatch-angle),rgba(var(--hatch-rgb),0.36) 0 1.2px,transparent 1.2px 11px)}
.h-3{--h:repeating-linear-gradient(var(--hatch-angle),rgba(var(--hatch-rgb),0.46) 0 1.6px,transparent 1.6px 7px)}
.h-4{--h:repeating-linear-gradient(var(--hatch-angle),rgba(var(--hatch-rgb),0.6) 0 2.1px,transparent 2.1px 5px)}
.h-5{--h:repeating-linear-gradient(var(--hatch-angle),rgba(var(--hatch-rgb),0.78) 0 2.5px,transparent 2.5px 3.4px)}
.h-dot{--h:radial-gradient(rgba(var(--hatch-rgb),0.55) 0.9px,transparent 1.1px) 0 0 / 9px 9px}
.op-hero{--h-op:0.9}
.op-set{--h-op:0.42}
.op-warmup{--h-op:0.5}
.op-warmup-toggle{--h-op:0.6}
.op-grid{--h-op:0.45}
.op-block{--h-op:0.28}
.op-template{--h-op:0.35}
.op-landing-hero{--h-op:0.5}
.op-week-row{--h-op:0.7}

@keyframes plateOn{from{transform:translateX(26px) scaleX(.4);opacity:0}to{transform:none;opacity:1}}
@keyframes sfxPop{0%{transform:scale(.6) rotate(-6deg);opacity:0}55%{transform:scale(1.08) rotate(-3deg);opacity:1}100%{transform:scale(1) rotate(-3deg);opacity:1}}
@keyframes burst{from{transform:scale(.2);opacity:.9}to{transform:scale(1);opacity:.38}}
@keyframes sheetUp{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}