/* Copied, not linked, from github.com/ambrosehuan/workbench at commit 45603a1aa9ea0d1a6f1c600b2634822a5acc17be (2026-10-25),
   file project/README.md (the paste block). Do not edit by hand: re-copy from Workbench and update the commit above. */

:root {
  --bg: #F2F2F7;
  --surface: #FFFFFF;
  --surface-raised: #FFFFFF;
  --fill: rgba(118, 118, 128, 0.12);
  --fill-strong: rgba(120, 120, 128, 0.16);
  --label: #000000;
  --label-2: #636366;
  --label-3: #AEAEB2;
  --separator: #C6C6C8;
  --control-border: #86868B;
  --tint: #0088FF;
  --tint-text: #0066CC;
  --tint-fill: #0071E3;
  --on-tint: #FFFFFF;
  --tint-bg: #EBF4FF;
  --alai-tint: #872158;
  --alai-tint-text: #872158;
  --alai-tint-fill: #872158;
  --alai-on-tint: #FFFFFF;
  --alai-tint-bg: #F7EBF1;
  --alai-tint-text-hc: #872158;
  --alai-navy: #1A2B3C;
  --alai-cyan: #00D2FF;
  --sensz-tint: #006BF2;
  --sensz-tint-text: #1D55C6;
  --sensz-tint-fill: #006BF2;
  --sensz-on-tint: #FFFFFF;
  --sensz-tint-bg: #EAF1FF;
  --sensz-tint-text-hc: #0032A0;
  --sensz-navy: #0C2360;
  --sensz-device: #2E90FA;
  --sensz-cyan: #00D2FF;
  --info: #0055B3;
  --info-bg: #E5F0FA;
  --won: #007A2B;
  --won-bg: #E6F7ED;
  --warn: #A84800;
  --warn-bg: #FEF3E8;
  --lost: #D70015;
  --lost-bg: #FDE8E9;
  --code-bg: #E5E5EA;
  --glass: rgba(255, 255, 255, 0.72);
  --scrim: rgba(0, 0, 0, 0.35);
  --series-1: #1E6EF4;
  --series-2: #C55300;
  --series-3: #008932;
  --series-4: #B02FC2;
  --series-5: #E9152D;
  --series-6: #008198;
  --series-7: #A16A00;
  --series-8: #6C6C70;
  --shadow-float: 0 8px 32px rgba(0, 0, 0, 0.12);
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --bar-height: 52px;
  --tap-min: 44px;
  --row-min: 44px;
  --readable-max: 680px;
  --content-max: 1200px;
  --column-min: 240px;
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-brand: Montserrat, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-rounded: ui-rounded, system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, Menlo, Consolas, monospace;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #000000;
    --surface: #1C1C1E;
    --surface-raised: #2C2C2E;
    --fill: rgba(118, 118, 128, 0.24);
    --fill-strong: rgba(120, 120, 128, 0.32);
    --label: #FFFFFF;
    --label-2: #A1A1A6;
    --label-3: #636366;
    --separator: #38383A;
    --control-border: #6C6C70;
    --tint: #0091FF;
    --tint-text: #4DA6FF;
    --tint-fill: #0071E3;
    --on-tint: #FFFFFF;
    --tint-bg: #0E2238;
    --alai-tint: #DA8BB5;
    --alai-tint-text: #DA8BB5;
    --alai-tint-fill: #A3346F;
    --alai-on-tint: #FFFFFF;
    --alai-tint-bg: #33172A;
    --alai-tint-text-hc: #E7A9C8;
    --alai-navy: #1A2B3C;
    --alai-cyan: #00D2FF;
    --sensz-tint: #2E90FA;
    --sensz-tint-text: #5CA8FF;
    --sensz-tint-fill: #006BF2;
    --sensz-on-tint: #FFFFFF;
    --sensz-tint-bg: #0E2238;
    --sensz-tint-text-hc: #8CC2FF;
    --sensz-navy: #0C2360;
    --sensz-device: #2E90FA;
    --sensz-cyan: #00D2FF;
    --info: #5CB8FF;
    --info-bg: #102844;
    --won: #4AD968;
    --won-bg: #0D2B18;
    --warn: #FFA056;
    --warn-bg: #331D08;
    --lost: #FF6165;
    --lost-bg: #330D11;
    --code-bg: #2C2C2E;
    --glass: rgba(28, 28, 30, 0.72);
    --scrim: rgba(0, 0, 0, 0.50);
    --series-1: #0091FF;
    --series-2: #FF9230;
    --series-3: #30D158;
    --series-4: #DB34F2;
    --series-5: #FF4245;
    --series-6: #00D2E0;
    --series-7: #FFD600;
    --series-8: #8E8E93;
    --shadow-float: none;
  }
}

:root[data-theme="dark"] {
  --bg: #000000;
  --surface: #1C1C1E;
  --surface-raised: #2C2C2E;
  --fill: rgba(118, 118, 128, 0.24);
  --fill-strong: rgba(120, 120, 128, 0.32);
  --label: #FFFFFF;
  --label-2: #A1A1A6;
  --label-3: #636366;
  --separator: #38383A;
  --control-border: #6C6C70;
  --tint: #0091FF;
  --tint-text: #4DA6FF;
  --tint-fill: #0071E3;
  --on-tint: #FFFFFF;
  --tint-bg: #0E2238;
  --alai-tint: #DA8BB5;
  --alai-tint-text: #DA8BB5;
  --alai-tint-fill: #A3346F;
  --alai-on-tint: #FFFFFF;
  --alai-tint-bg: #33172A;
  --alai-tint-text-hc: #E7A9C8;
  --alai-navy: #1A2B3C;
  --alai-cyan: #00D2FF;
  --sensz-tint: #2E90FA;
  --sensz-tint-text: #5CA8FF;
  --sensz-tint-fill: #006BF2;
  --sensz-on-tint: #FFFFFF;
  --sensz-tint-bg: #0E2238;
  --sensz-tint-text-hc: #8CC2FF;
  --sensz-navy: #0C2360;
  --sensz-device: #2E90FA;
  --sensz-cyan: #00D2FF;
  --info: #5CB8FF;
  --info-bg: #102844;
  --won: #4AD968;
  --won-bg: #0D2B18;
  --warn: #FFA056;
  --warn-bg: #331D08;
  --lost: #FF6165;
  --lost-bg: #330D11;
  --code-bg: #2C2C2E;
  --glass: rgba(28, 28, 30, 0.72);
  --scrim: rgba(0, 0, 0, 0.50);
  --series-1: #0091FF;
  --series-2: #FF9230;
  --series-3: #30D158;
  --series-4: #DB34F2;
  --series-5: #FF4245;
  --series-6: #00D2E0;
  --series-7: #FFD600;
  --series-8: #8E8E93;
  --shadow-float: none;
}

.large-title {
  font-family: var(--font-sans);
  font-size: 34px;
  line-height: 41px;
  font-weight: 700;
}

.title-1 {
  font-family: var(--font-sans);
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
}

.title-2 {
  font-family: var(--font-sans);
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
}

.title-3 {
  font-family: var(--font-sans);
  font-size: 20px;
  line-height: 25px;
  font-weight: 600;
}

.headline {
  font-family: var(--font-sans);
  font-size: 17px;
  line-height: 22px;
  font-weight: 600;
}

.body {
  font-family: var(--font-sans);
  font-size: 17px;
  line-height: 22px;
  font-weight: 400;
}

.callout {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 21px;
  font-weight: 400;
}

.subheadline {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
}

.footnote {
  font-family: var(--font-sans);
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
}

.caption-1 {
  font-family: var(--font-sans);
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.caption-2 {
  font-family: var(--font-sans);
  font-size: 11px;
  line-height: 13px;
  font-weight: 400;
}

.deck-display {
  font-family: var(--font-sans);
  font-size: 120px;
  line-height: 120px;
  font-weight: 700;
}

.deck-title {
  font-family: var(--font-sans);
  font-size: 72px;
  line-height: 76px;
  font-weight: 700;
}

.deck-heading {
  font-family: var(--font-sans);
  font-size: 44px;
  line-height: 50px;
  font-weight: 600;
}

.deck-subheading {
  font-family: var(--font-sans);
  font-size: 32px;
  line-height: 38px;
  font-weight: 600;
}

.deck-body {
  font-family: var(--font-sans);
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
}

.deck-eyebrow {
  font-family: var(--font-sans);
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.stat {
  font-family: var(--font-rounded);
  font-size: 34px;
  line-height: 41px;
  font-weight: 700;
}

.code {
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
}

body {
  background: var(--bg);
  color: var(--label);
  font-family: var(--font-sans);
}

html:root[data-brand="alai"] {
  --tint: var(--alai-tint);
  --tint-text: var(--alai-tint-text);
  --tint-fill: var(--alai-tint-fill);
  --on-tint: var(--alai-on-tint);
  --tint-bg: var(--alai-tint-bg);
  --font-sans: var(--font-brand);
}

html:root[data-brand="sensz"] {
  --tint: var(--sensz-tint);
  --tint-text: var(--sensz-tint-text);
  --tint-fill: var(--sensz-tint-fill);
  --on-tint: var(--sensz-on-tint);
  --tint-bg: var(--sensz-tint-bg);
  --font-sans: var(--font-brand);
}

@media (prefers-contrast: more) {
  html:root[data-brand="alai"] {
    --tint-text: var(--alai-tint-text-hc);
  }
  html:root[data-brand="sensz"] {
    --tint-text: var(--sensz-tint-text-hc);
  }
}