/* Generated by authoring/compile.py from tokens.json. */
@layer tokens {
  html[data-warlock-design="v1"] {
    --wl-sys-space-0: 0.0px;
    --wl-sys-space-2: 2.0px;
    --wl-sys-space-4: 4.0px;
    --wl-sys-space-6: 6.0px;
    --wl-sys-space-8: 8.0px;
    --wl-sys-space-12: 12.0px;
    --wl-sys-space-16: 16.0px;
    --wl-sys-space-20: 20.0px;
    --wl-sys-space-24: 24.0px;
    --wl-sys-space-32: 32.0px;
    --wl-sys-space-40: 40.0px;
    --wl-sys-space-48: 48.0px;
    --wl-sys-space-64: 64.0px;
    --wl-sys-radius-none: 0.0px;
    --wl-sys-radius-micro: 2.0px;
    --wl-sys-radius-small: 4.0px;
    --wl-sys-radius-control: 6.0px;
    --wl-sys-radius-card: 8.0px;
    --wl-sys-radius-window: 8.0px;
    --wl-sys-radius-surface: 12.0px;
    --wl-sys-radius-showcase: 16.0px;
    --wl-sys-radius-pill: 999.0px;
    --wl-sys-motion-instant: 0.0ms;
    --wl-sys-motion-press-in: 60.0ms;
    --wl-sys-motion-state: 90.0ms;
    --wl-sys-motion-soft-enter: 120.0ms;
    --wl-sys-motion-soft-exit: 60.0ms;
    --wl-sys-effects-portal-open: 520.0ms;
    --wl-sys-effects-portal-close: 360.0ms;
    --wl-sys-effects-portal-open-reduced: 120.0ms;
    --wl-sys-effects-portal-close-reduced: 90.0ms;
    --wl-sys-font-body: Inter, sans-serif;
    --wl-sys-font-display: 'Space Grotesk', sans-serif;
    --wl-sys-font-code: 'JetBrains Mono', monospace;
    --wl-sys-type-display-family: 'Space Grotesk', sans-serif;
    --wl-sys-type-display-size: 3.0rem;
    --wl-sys-type-display-line-height: 1.1666666666666667;
    --wl-sys-type-display-weight: 700;
    --wl-sys-type-display-tracking: -0.09rem;
    --wl-sys-type-page-title-family: 'Space Grotesk', sans-serif;
    --wl-sys-type-page-title-size: 2.0rem;
    --wl-sys-type-page-title-line-height: 1.25;
    --wl-sys-type-page-title-weight: 700;
    --wl-sys-type-page-title-tracking: -0.04rem;
    --wl-sys-type-headline-family: 'Space Grotesk', sans-serif;
    --wl-sys-type-headline-size: 1.5rem;
    --wl-sys-type-headline-line-height: 1.3333333333333333;
    --wl-sys-type-headline-weight: 700;
    --wl-sys-type-headline-tracking: -0.0225rem;
    --wl-sys-type-window-title-family: 'Space Grotesk', sans-serif;
    --wl-sys-type-window-title-size: 1.25rem;
    --wl-sys-type-window-title-line-height: 1.4;
    --wl-sys-type-window-title-weight: 700;
    --wl-sys-type-window-title-tracking: -0.0125rem;
    --wl-sys-type-reading-lead-family: Inter, sans-serif;
    --wl-sys-type-reading-lead-size: 1.125rem;
    --wl-sys-type-reading-lead-line-height: 1.5555555555555556;
    --wl-sys-type-reading-lead-weight: 400;
    --wl-sys-type-reading-lead-tracking: 0.0rem;
    --wl-sys-type-section-title-family: Inter, sans-serif;
    --wl-sys-type-section-title-size: 1.0rem;
    --wl-sys-type-section-title-line-height: 1.5;
    --wl-sys-type-section-title-weight: 600;
    --wl-sys-type-section-title-tracking: 0.0rem;
    --wl-sys-type-reading-family: Inter, sans-serif;
    --wl-sys-type-reading-size: 1.0rem;
    --wl-sys-type-reading-line-height: 1.5;
    --wl-sys-type-reading-weight: 400;
    --wl-sys-type-reading-tracking: 0.0rem;
    --wl-sys-type-body-family: Inter, sans-serif;
    --wl-sys-type-body-size: 0.875rem;
    --wl-sys-type-body-line-height: 1.4285714285714286;
    --wl-sys-type-body-weight: 400;
    --wl-sys-type-body-tracking: 0.0rem;
    --wl-sys-type-body-strong-family: Inter, sans-serif;
    --wl-sys-type-body-strong-size: 0.875rem;
    --wl-sys-type-body-strong-line-height: 1.4285714285714286;
    --wl-sys-type-body-strong-weight: 600;
    --wl-sys-type-body-strong-tracking: 0.0rem;
    --wl-sys-type-label-family: Inter, sans-serif;
    --wl-sys-type-label-size: 0.875rem;
    --wl-sys-type-label-line-height: 1.4285714285714286;
    --wl-sys-type-label-weight: 500;
    --wl-sys-type-label-tracking: 0.0rem;
    --wl-sys-type-label-strong-family: Inter, sans-serif;
    --wl-sys-type-label-strong-size: 0.875rem;
    --wl-sys-type-label-strong-line-height: 1.4285714285714286;
    --wl-sys-type-label-strong-weight: 600;
    --wl-sys-type-label-strong-tracking: 0.0rem;
    --wl-sys-type-detail-family: Inter, sans-serif;
    --wl-sys-type-detail-size: 0.75rem;
    --wl-sys-type-detail-line-height: 1.3333333333333333;
    --wl-sys-type-detail-weight: 400;
    --wl-sys-type-detail-tracking: 0.0075rem;
    --wl-sys-type-caption-family: Inter, sans-serif;
    --wl-sys-type-caption-size: 0.75rem;
    --wl-sys-type-caption-line-height: 1.3333333333333333;
    --wl-sys-type-caption-weight: 500;
    --wl-sys-type-caption-tracking: 0.0075rem;
    --wl-sys-type-code-family: 'JetBrains Mono', monospace;
    --wl-sys-type-code-size: 0.8125rem;
    --wl-sys-type-code-line-height: 1.5384615384615385;
    --wl-sys-type-code-weight: 400;
    --wl-sys-type-code-tracking: 0.0rem;
    --wl-sys-type-code-compact-family: 'JetBrains Mono', monospace;
    --wl-sys-type-code-compact-size: 0.75rem;
    --wl-sys-type-code-compact-line-height: 1.3333333333333333;
    --wl-sys-type-code-compact-weight: 400;
    --wl-sys-type-code-compact-tracking: 0.0rem;
  }
  html[data-warlock-design="v1"][data-theme="night"], html[data-warlock-design="v1"] [data-theme="night"] {
    --wl-sys-color-canvas: #100E0E;
    --wl-sys-color-surface-recessed: #141112;
    --wl-sys-color-surface: #191516;
    --wl-sys-color-surface-raised: #221D1E;
    --wl-sys-color-surface-hover: #2C2627;
    --wl-sys-color-surface-pressed: #383032;
    --wl-sys-color-surface-selected: #331C1E;
    --wl-sys-color-surface-selected-hover: #3A252A;
    --wl-sys-color-surface-selected-pressed: #423035;
    --wl-sys-color-text: #F6EFE8;
    --wl-sys-color-text-secondary: #BDB2AF;
    --wl-sys-color-brand-text: #FCA399;
    --wl-sys-color-action-fill: #B02026;
    --wl-sys-color-action-fill-hover: #C4262D;
    --wl-sys-color-action-fill-pressed: #961A20;
    --wl-sys-color-on-action: #FFF8F5;
    --wl-sys-color-border-essential: #9E9290;
    --wl-sys-color-window-edge-unfocused: #707078;
    --wl-sys-color-window-edge-focused: #F6EFE8;
    --wl-sys-color-focus: #8EC8FF;
    --wl-sys-color-info: #8EC8FF;
    --wl-sys-color-positive: #6EE0B8;
    --wl-sys-color-warning: #F2C172;
    --wl-sys-color-danger: #FF9EB0;
    --wl-sys-color-shadow: #000000;
    --wl-sys-color-focus-gap: #191516;
    --wl-sys-color-window-guard: #100E0E;
    --wl-sys-shadow-flush: none;
    --wl-sys-shadow-rest: 0px 2px 4px 0px rgb(0 0 0 / 0.28), 0px 6px 16px 0px rgb(0 0 0 / 0.2);
    --wl-sys-shadow-raised: 0px 3px 6px 0px rgb(0 0 0 / 0.28), 0px 8px 24px 0px rgb(0 0 0 / 0.2);
    --wl-sys-shadow-dialog: 0px 4px 8px 0px rgb(0 0 0 / 0.28), 0px 12px 32px 0px rgb(0 0 0 / 0.2);
    --wl-comp-window-focused-edge: #F6EFE8;
    --wl-comp-window-unfocused-edge: #707078;
    --wl-comp-control-focus: #8EC8FF;
    --wl-comp-control-background: #191516;
  }
  html[data-warlock-design="v1"][data-theme="dawn"], html[data-warlock-design="v1"] [data-theme="dawn"] {
    --wl-sys-color-canvas: #F6F1EA;
    --wl-sys-color-surface-recessed: #EFE9E0;
    --wl-sys-color-surface: #FFFDF9;
    --wl-sys-color-surface-raised: #FFFFFF;
    --wl-sys-color-surface-hover: #EDE6DC;
    --wl-sys-color-surface-pressed: #E3DBD0;
    --wl-sys-color-surface-selected: #FCE8E4;
    --wl-sys-color-surface-selected-hover: #F4E3DF;
    --wl-sys-color-surface-selected-pressed: #ECDAD5;
    --wl-sys-color-text: #181314;
    --wl-sys-color-text-secondary: #5C5250;
    --wl-sys-color-brand-text: #A11D22;
    --wl-sys-color-action-fill: #A11D22;
    --wl-sys-color-action-fill-hover: #8A181D;
    --wl-sys-color-action-fill-pressed: #751418;
    --wl-sys-color-on-action: #FFFDF9;
    --wl-sys-color-border-essential: #706562;
    --wl-sys-color-window-edge-unfocused: #706562;
    --wl-sys-color-window-edge-focused: #181314;
    --wl-sys-color-focus: #14539A;
    --wl-sys-color-info: #14539A;
    --wl-sys-color-positive: #0E634C;
    --wl-sys-color-warning: #7D4E0A;
    --wl-sys-color-danger: #9B1B3B;
    --wl-sys-color-shadow: #000000;
    --wl-sys-color-focus-gap: #FFFDF9;
    --wl-sys-color-window-guard: #F6F1EA;
    --wl-sys-shadow-rest: 0px 2px 4px 0px rgb(0 0 0 / 0.16), 0px 6px 16px 0px rgb(0 0 0 / 0.12);
    --wl-sys-shadow-raised: 0px 3px 6px 0px rgb(0 0 0 / 0.16), 0px 8px 24px 0px rgb(0 0 0 / 0.12);
    --wl-sys-shadow-dialog: 0px 4px 8px 0px rgb(0 0 0 / 0.16), 0px 12px 32px 0px rgb(0 0 0 / 0.12);
    --wl-sys-shadow-flush: none;
    --wl-comp-window-focused-edge: #181314;
    --wl-comp-window-unfocused-edge: #706562;
    --wl-comp-control-focus: #14539A;
    --wl-comp-control-background: #FFFDF9;
  }
  html[data-warlock-design="v1"][data-theme="high-contrast"], html[data-warlock-design="v1"] [data-theme="high-contrast"] {
    --wl-sys-color-canvas: #000000;
    --wl-sys-color-surface-recessed: #000000;
    --wl-sys-color-surface: #000000;
    --wl-sys-color-surface-raised: #000000;
    --wl-sys-color-surface-hover: #000000;
    --wl-sys-color-surface-pressed: #000000;
    --wl-sys-color-surface-selected: #000000;
    --wl-sys-color-surface-selected-hover: #000000;
    --wl-sys-color-surface-selected-pressed: #000000;
    --wl-sys-color-text: #FFFFFF;
    --wl-sys-color-text-secondary: #FFFFFF;
    --wl-sys-color-brand-text: #FFB3AC;
    --wl-sys-color-action-fill: #FFFFFF;
    --wl-sys-color-action-fill-hover: #FFFFFF;
    --wl-sys-color-action-fill-pressed: #FFFFFF;
    --wl-sys-color-on-action: #000000;
    --wl-sys-color-border-essential: #FFFFFF;
    --wl-sys-color-window-edge-unfocused: #767676;
    --wl-sys-color-window-edge-focused: #FFFFFF;
    --wl-sys-color-focus: #00FFFF;
    --wl-sys-color-info: #9ED0FF;
    --wl-sys-color-positive: #9CF5C4;
    --wl-sys-color-warning: #FFE08A;
    --wl-sys-color-danger: #FFB3C1;
    --wl-sys-color-shadow: transparent;
    --wl-sys-color-focus-gap: #000000;
    --wl-sys-color-window-guard: #000000;
    --wl-sys-shadow-rest: none;
    --wl-sys-shadow-raised: none;
    --wl-sys-shadow-dialog: none;
    --wl-sys-shadow-flush: none;
    --wl-comp-window-focused-edge: #FFFFFF;
    --wl-comp-window-unfocused-edge: #767676;
    --wl-comp-control-focus: #00FFFF;
    --wl-comp-control-background: #000000;
  }
}