/* Copied verbatim from packages/tokens/generated/tokens.css, the product's one token source. Do not edit here:
   edit packages/tokens/tokens.json, regenerate, and copy. os/model/tokens.test.js fails when this drifts. */

:root {
  --board: #EDE8DC;
  --board-deep: #E2DCCB;
  --board-soft: #FBF8F0;
  --tag: #F7F1E1;
  --tag-sunk: #DDD6C3;
  --line: #D7D0BD;
  --line-strong: #B9B19B;
  --ink: #211D15;
  --ink-soft: #5C564A;
  --ink-faint: #97907D;
  --ink-inv: #F7F1E1;
  --plate: rgba(237, 232, 220, 0.86);
  --marigold: #E8A22B;
  --marigold-deep: #8A5E0C;
  --marigold-wash: #F6E7C6;
  --marigold-ink: #211D15;
  --alarm-field: #A8420F;
  --alarm-edge: #7A2E0C;
  --alarm-ink: #FFF4EC;
  --alarm-soft: #F6E7C6;
  --st-open: transparent;
  --st-running: #2E7D46;
  --st-running-wash: #E2EFE5;
  --st-blocked: #D2571E;
  --st-blocked-ink: #A8420F;
  --st-blocked-fill: #A8420F;
  --st-blocked-wash: #F9E4D8;
  --st-done: #8C8470;
  --st-proposed: #3A5380;
  --st-proposed-wash: #E3E9F1;
  --failure: #B3261E;
  --obj-line: var(--ink);
  --sky: rgba(255, 255, 255, 0.5);
  --grain-dark: rgba(33, 29, 21, 0.014);
  --grain-light: rgba(255, 255, 255, 0.025);
  --person-lift: 0%;
  --shadow-kiosk: 6px 6px 0px rgba(33, 29, 21, 0.15);
  --shadow-mobile: 3px 3px 0px rgba(33, 29, 21, 0.18);
  --shadow-stamp: 2px 2px 0px rgba(33, 29, 21, 0.18);
  --shadow-press: 1px 1px 0px rgba(33, 29, 21, 0.22);
  --veil: 0px 1px 2px rgba(33, 29, 21, 0.05);
  --actor-1: #332288;
  --actor-2: #117733;
  --actor-3: #44AA99;
  --actor-4: #88CCEE;
  --actor-5: #DDCC77;
  --actor-6: #CC6677;
  --actor-7: #AA4499;
  --actor-8: #882255;
  --actor-9: #999933;
  --actor-10: #661100;
  --actor-11: #6699CC;
  --actor-12: #EE7733;
  --chart-1: #2A78D6;
  --chart-2: #D2571E;
  --chart-3: #AA4499;
  --chart-4: #117733;
  --font-display: "Archivo", system-ui, sans-serif;
  --font-display-wide: "Archivo", system-ui, sans-serif;
  --font-body: "Archivo", system-ui, sans-serif;
  --font-serif: "Fraunces", Georgia, serif;
  --font-mono: "Spline Sans Mono", ui-monospace, monospace;
  --type-scale: 1;
  --t-hero: calc(64px * var(--type-scale));
  --t-h1: calc(42px * var(--type-scale));
  --t-h2: calc(30px * var(--type-scale));
  --t-base: calc(19px * var(--type-scale));
  --t-tag: calc(26px * var(--type-scale));
  --t-nameplate: calc(24px * var(--type-scale));
  --t-title: calc(24px * var(--type-scale));
  --t-sub: calc(22px * var(--type-scale));
  --t-state: calc(14px * var(--type-scale));
  --t-meta: calc(14px * var(--type-scale));
  --t-fine: calc(13px * var(--type-scale));
  --t-name-tile: calc(34px * var(--type-scale));
  --track-caps: 0.08em;
  --track-name: 0.06em;
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --z-local: 1;
  --z-raised: 2;
  --z-overlay: 20;
  --z-chrome: 40;
  --z-browse: 45;
  --z-modal: 50;
  --z-over: 60;
  --z-deep: 70;
  --z-tour: 80;
  --z-tip: 90;
  --z-blocking: 9999;
  --hit-kiosk: 72px;
  --hit-mobile: 48px;
  --hit-min: 44px;
  --border-hair: 1px;
  --border-thin: 2px;
  --border-thick: 2px;
  --radius: 3px;
  --radius-card: 10px;
  --radius-pill: 999px;
  --dur-1: 120ms;
  --dur-2: 180ms;
  --dur-3: 280ms;
  --ease-snap: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-stamp: cubic-bezier(0.34, 1.56, 0.64, 1);
}

:root[data-light="dawn"] {
  --board: #15130E;
  --board-deep: #1C1913;
  --board-soft: #1B1811;
  --tag: #241F16;
  --tag-sunk: #191510;
  --line: #393327;
  --line-strong: #574E3C;
  --ink: #EBE3D1;
  --ink-soft: #A79D87;
  --ink-faint: #7C7361;
  --ink-inv: #15130E;
  --plate: rgba(21, 19, 14, 0.78);
  --marigold: #C88C25;
  --marigold-deep: #E5B45E;
  --marigold-wash: #3A2E15;
  --marigold-ink: #15130E;
  --alarm-field: #5C2510;
  --alarm-edge: #B44A1B;
  --alarm-ink: #F7DFD1;
  --alarm-soft: #D9A68E;
  --st-open: transparent;
  --st-running: #5FB37D;
  --st-running-wash: #17281C;
  --st-blocked: #C24E1A;
  --st-blocked-ink: #F0906A;
  --st-blocked-fill: #D4642B;
  --st-blocked-wash: #2E1710;
  --st-done: #6A6353;
  --st-proposed: #7A96C7;
  --st-proposed-wash: #1A2130;
  --failure: #E0705F;
  --obj-line: #5A5240;
  --sky: rgba(255, 238, 205, 0.05);
  --grain-dark: rgba(0, 0, 0, 0.10);
  --grain-light: rgba(255, 255, 255, 0.012);
  --person-lift: 34%;
  --shadow-kiosk: 6px 6px 0px rgba(0, 0, 0, 0.42);
  --shadow-mobile: 3px 3px 0px rgba(0, 0, 0, 0.45);
  --shadow-stamp: 2px 2px 0px rgba(0, 0, 0, 0.45);
  --shadow-press: 1px 1px 0px rgba(0, 0, 0, 0.5);
  --veil: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

@media (max-width: 720px) {
  :root {
    --t-hero: calc(40px * var(--type-scale));
    --t-h1: calc(30px * var(--type-scale));
    --t-h2: calc(24px * var(--type-scale));
    --t-base: calc(16px * var(--type-scale));
    --t-tag: calc(16px * var(--type-scale));
    --t-nameplate: calc(18px * var(--type-scale));
    --t-title: calc(20px * var(--type-scale));
    --t-sub: calc(17px * var(--type-scale));
    --t-state: calc(12px * var(--type-scale));
    --t-meta: calc(12px * var(--type-scale));
    --t-fine: calc(11px * var(--type-scale));
    --t-name-tile: calc(20px * var(--type-scale));
    --hit-kiosk: 56px;
    --shadow-kiosk: 4px 4px 0px rgba(33, 29, 21, 0.15);
  }
}