/* keyfab tokens: generated by brand/_build/handoff/build_handoff.py from the frozen
   Schematic reference. Edit the generator, not this file. */

:root {
  --paper: #f2f3f0;
  --paper-2: #e6e8e4;
  --panel: #fbfbfa;
  --ink: #15181c;
  --ink-2: #464d55;
  --line: #7b838c;
  --signal: #076c37;
  --on-signal: #ffffff;
  --signal-graphic: #07883d;
  --danger: #b3261e;
  --on-danger: #ffffff;
  --danger-surface: #fbeae8;
  --grid: rgba(21,24,28,.055);
  --grid-major: rgba(21,24,28,.09);
  --copper-2: rgba(70,77,85,.55);
  --board-shadow: drop-shadow(0 20px 22px rgba(21,24,28,.26)) drop-shadow(0 2px 3px rgba(21,24,28,.2));
  --scrim: rgba(21,24,28,.32);
  --sans: 'Inter', ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, monospace;
  --type-display: 600 clamp(40px,4.6vw,64px)/1.02 var(--sans);
  --type-display-tracking: -.02em;
  --type-h2: 600 clamp(30px,3.6vw,46px)/1.08 var(--sans);
  --type-h2-tracking: -.015em;
  --type-h3: 600 26px/1.15 var(--sans);
  --type-h3-tracking: -.015em;
  --type-title: 600 22px/1.2 var(--sans);
  --type-title-tracking: -.01em;
  --type-title-s: 600 20px/1.2 var(--sans);
  --type-lede: 400 19px/30px var(--sans);
  --type-sub: 400 18px/28px var(--sans);
  --type-body: 400 16px/24px var(--sans);
  --type-body-s: 400 15px/22px var(--sans);
  --type-fine: 400 14px/22px var(--sans);
  --type-button: 600 15px/1 var(--sans);
  --type-button-s: 600 14px/1 var(--sans);
  --type-ui: 500 14px/1 var(--sans);
  --type-mono-price: 600 28px/1 var(--mono);
  --type-mono-price-tracking: -.02em;
  --type-mono-figure: 600 15px/24px var(--mono);
  --type-mono-nav: 500 13px/1 var(--mono);
  --type-mono-nav-tracking: .04em;
  --type-mono-list: 400 13px/22px var(--mono);
  --type-mono-value: 600 13px/normal var(--mono);
  --type-mono-value-tracking: 0;
  --type-mono-label: 500 12px/16px var(--mono);
  --type-mono-label-tracking: .12em;
  --type-mono-note: 400 12px/18px var(--mono);
  --type-mono-toggle: 500 12px/1 var(--mono);
  --type-mono-toggle-tracking: .06em;
  --type-mono-annotation: 500 11px/14px var(--mono);
  --type-mono-annotation-tracking: .05em;
  --type-mono-micro: 500 10px/13px var(--mono);
  --type-mono-micro-tracking: .08em;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 64px;
  --space-11: 88px;
  --space-12: 120px;
  --wrap-max: 1240px;
  --wrap-pad: 32px;
  --bar-h: 56px;
  --bar-inset-start: 12px;
  --bar-inset-end: 14px;
  --bar-gap: 14px;
  --section-gap: 88px;
  --footer-gap: 120px;
  --wordmark-h: 26.2px;
  --control-h: 36px;
  --button-h: 44px;
  --footer-pad-top: 44px;
  --footer-pad-bottom: 56px;
  --list-gap: 6px;
  --radius: 2px;
  --radius-0: 0;
  --hairline: 1px;
  --rule: 1.5px;
  --focus-ring: 2px solid var(--signal);
  --grid-u: 19.05px;
  --grid-major-u: 95.25px;
  --grid-origin-x: 88px;
  --grid-origin-y: 80px;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #0a1420;
    --paper-2: #0f1d2c;
    --panel: #132538;
    --ink: #dce7f2;
    --ink-2: #9db3c8;
    --line: #5f7a95;
    --signal: #45d98a;
    --on-signal: #04140b;
    --signal-graphic: #45d98a;
    --danger: #ff7b72;
    --on-danger: #1b0503;
    --danger-surface: #3a1517;
    --grid: rgba(157,179,200,.07);
    --grid-major: rgba(157,179,200,.12);
    --copper-2: rgba(157,179,200,.5);
    --board-shadow: drop-shadow(0 0 0.6px rgba(190,210,230,.55)) drop-shadow(0 22px 26px rgba(0,0,0,.6));
    --scrim: rgba(3,8,14,.62);
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --paper: #0a1420;
  --paper-2: #0f1d2c;
  --panel: #132538;
  --ink: #dce7f2;
  --ink-2: #9db3c8;
  --line: #5f7a95;
  --signal: #45d98a;
  --on-signal: #04140b;
  --signal-graphic: #45d98a;
  --danger: #ff7b72;
  --on-danger: #1b0503;
  --danger-surface: #3a1517;
  --grid: rgba(157,179,200,.07);
  --grid-major: rgba(157,179,200,.12);
  --copper-2: rgba(157,179,200,.5);
  --board-shadow: drop-shadow(0 0 0.6px rgba(190,210,230,.55)) drop-shadow(0 22px 26px rgba(0,0,0,.6));
  --scrim: rgba(3,8,14,.62);
  color-scheme: dark;
}