/* Generated by scripts/brand-tokens.mjs from brand/tokens.json. Never edit by hand. */
@import "@fontsource-variable/archivo/standard.css";
@import "@fontsource/ibm-plex-mono/500.css";
@import "@fontsource/ibm-plex-mono/600.css";

:root {
  --k-n0: #F4EFE6;
  --k-n1: #E3DBCA;
  --k-n2: #BDB5A2;
  --k-n3: #8A8270;
  --k-n4: #5A5345;
  --k-n5: #35302A;
  --k-n6: #1E1B16;
  --k-n7: #12100C;
  --k-y0: #FFD27A;
  --k-y1: #FFAA00;
  --k-y2: #C27F00;
  --k-y3: #6B4500;
  --k-v0: #C0A5FF;
  --k-v1: #8E5BFF;
  --k-v2: #5426D9;
  --k-v3: #2A0F72;
  --k-ground: var(--k-n6);
  --k-groundRaised: var(--k-n5);
  --k-groundDeep: var(--k-n7);
  --k-light: var(--k-n0);
  --k-lightWall: var(--k-n1);
  --k-ink: var(--k-n0);
  --k-inkMuted: var(--k-n2);
  --k-hairline: var(--k-n3);
  --k-roomInk: var(--k-n7);
  --k-roomInkMuted: var(--k-n4);
  --k-door: var(--k-y1);
  --k-doorHover: var(--k-y0);
  --k-doorPressed: var(--k-y2);
  --k-doorInk: var(--k-n7);
  --k-numeralRoom: var(--k-y3);
  --k-mark: var(--k-v1);
  --k-markRoom: var(--k-v2);
  --k-markInk: var(--k-n7);
  --k-markInkRoom: var(--k-n0);
  --k-focus: var(--k-v0);
  --k-focusRoom: var(--k-v2);
  --k-sans: "Archivo Variable", "Archivo", system-ui, sans-serif;
  --k-mono: "IBM Plex Mono", ui-monospace, monospace;
  --k-s1: 4px;
  --k-s2: 8px;
  --k-s3: 12px;
  --k-s4: 32px;
  --k-s5: 48px;
  --k-s6: 72px;
  --k-s7: 108px;
  --k-ease: cubic-bezier(0.2, 0, 0, 1);
  --k-dur-state: 140ms;
  --k-dur-enter: 280ms;
}

.k-board {
  container-type: inline-size;
  --k-s1: 0.741cqw;
  --k-s2: 1.481cqw;
  --k-s3: 2.222cqw;
  --k-s4: 5.926cqw;
  --k-s5: 8.889cqw;
  --k-s6: 13.333cqw;
  --k-s7: 20cqw;
  --k-b-hairline: 0.185cqw;
  --k-b-frame: 0.741cqw;
  --k-b-jamb: 1.852cqw;
}
.k-poster { font-family: var(--k-sans); font-weight: 850; font-stretch: 118%; line-height: 0.9; letter-spacing: -0.035em; font-size: clamp(3.25rem, 9vw, 7.5rem); }
.k-board .k-poster { font-size: 13.889cqw; }
.k-display { font-family: var(--k-sans); font-weight: 820; font-stretch: 114%; line-height: 0.96; letter-spacing: -0.03em; font-size: clamp(2.5rem, 6vw, 5rem); }
.k-board .k-display { font-size: 9.63cqw; }
.k-title { font-family: var(--k-sans); font-weight: 780; font-stretch: 110%; line-height: 1.02; letter-spacing: -0.022em; font-size: clamp(1.875rem, 4vw, 3.25rem); }
.k-board .k-title { font-size: 7.407cqw; }
.k-lead { font-family: var(--k-sans); font-weight: 560; font-stretch: 100%; line-height: 1.22; letter-spacing: -0.008em; font-size: clamp(1.25rem, 2.2vw, 1.625rem); }
.k-board .k-lead { font-size: 4.444cqw; }
.k-body { font-family: var(--k-sans); font-weight: 430; font-stretch: 100%; line-height: 1.45; letter-spacing: 0; font-size: 1.0625rem; }
.k-board .k-body { font-size: 3.333cqw; }
.k-label { font-family: var(--k-mono); font-weight: 600; line-height: 1.3; letter-spacing: 0.14em; text-transform: uppercase; font-variant-numeric: tabular-nums; font-size: 0.8125rem; }
.k-board .k-label { font-size: 2.222cqw; }
.k-numeral { font-family: var(--k-mono); font-weight: 600; line-height: 1; letter-spacing: 0.02em; font-variant-numeric: tabular-nums; font-size: 1rem; }
.k-board .k-numeral { font-size: 2.778cqw; }

@media (prefers-reduced-motion: reduce) {
  :root { --k-dur-state: 0ms; --k-dur-enter: 0ms; }
}