/* Generated from docs/design/tokens/onless.tokens.json. Do not hand-edit. */
:root {
  --onl-surface-page: #F6F6F1;
  --onl-surface-raised: #FFFFFF;
  --onl-surface-sunken: #EEF0E6;
  --onl-surface-chrome: #EEF0E6;
  --onl-surface-hero: #D9F24A;
  --onl-surface-floating: #111210;
  --onl-surface-sunken-hover: #E3E4DC;
  --onl-text-primary: #111210;
  --onl-text-secondary: #3A3C35;
  --onl-text-muted: #5C5E57;
  --onl-text-disabled: #8A8C84;
  --onl-text-on-floating: #FFFFFF;
  --onl-icon-primary: #111210;
  --onl-icon-secondary: #767870;
  --onl-border-subtle: #E3E4DC;
  --onl-border-default: #D4D6CD;
  --onl-border-control: #767870;
  --onl-border-strong: #111210;
  --onl-border-on-accent: #111210;
  --onl-action-primary: #111210;
  --onl-action-primary-hover: #2A2D26;
  --onl-action-primary-pressed: #000000;
  --onl-action-on-primary: #FFFFFF;
  --onl-action-accent: #D9F24A;
  --onl-action-accent-hover: #E6FA6B;
  --onl-action-accent-pressed: #C6DD3A;
  --onl-action-on-accent: #111210;
  --onl-action-danger: #B4232A;
  --onl-action-on-danger: #FFFFFF;
  --onl-action-danger-hover: #9A1E24;
  --onl-action-danger-pressed: #83191E;
  --onl-selection-bg: #111210;
  --onl-selection-fg: #FFFFFF;
  --onl-state-success-fg: #15703C;
  --onl-state-success-bg: #E4F4E8;
  --onl-state-warning-fg: #7A5200;
  --onl-state-warning-bg: #FFF6DD;
  --onl-state-warning-border: #C89614;
  --onl-state-danger-fg: #B4232A;
  --onl-state-danger-bg: #FDECEA;
  --onl-focus-ring: #111210;
  --onl-focus-ring-inverse: #D9F24A;
  --onl-scrim: #11121073;
  --onl-interaction-press-overlay: #1112101F;
  --onl-space-0: 0px;
  --onl-space-0-5: 2px;
  --onl-space-1: 4px;
  --onl-space-1-5: 6px;
  --onl-space-2: 8px;
  --onl-space-2-5: 10px;
  --onl-space-3: 12px;
  --onl-space-3-5: 14px;
  --onl-space-4: 16px;
  --onl-space-5: 20px;
  --onl-space-6: 24px;
  --onl-space-8: 32px;
  --onl-space-10: 40px;
  --onl-space-12: 48px;
  --onl-space-14: 56px;
  --onl-space-16: 64px;
  --onl-space-7: 28px;
  --onl-radius-none: 0px;
  --onl-radius-xs: 4px;
  --onl-radius-sm: 8px;
  --onl-radius-md: 12px;
  --onl-radius-icon: 14px;
  --onl-radius-lg: 16px;
  --onl-radius-xl: 20px;
  --onl-radius-2xl: 24px;
  --onl-radius-3xl: 28px;
  --onl-radius-full: 9999px;
  --onl-radius-checkbox: 6px;
  --onl-type-number-xl-font-size: 44px;
  --onl-type-number-xl-line-height: 46px;
  --onl-type-number-xl-font-weight: 800;
  --onl-type-number-xl-letter-spacing: -0.03em;
  --onl-type-number-lg-font-size: 34px;
  --onl-type-number-lg-line-height: 36px;
  --onl-type-number-lg-font-weight: 800;
  --onl-type-number-lg-letter-spacing: -0.03em;
  --onl-type-display-font-size: 32px;
  --onl-type-display-line-height: 38px;
  --onl-type-display-font-weight: 800;
  --onl-type-display-letter-spacing: -0.03em;
  --onl-type-title-lg-font-size: 24px;
  --onl-type-title-lg-line-height: 28px;
  --onl-type-title-lg-font-weight: 800;
  --onl-type-title-lg-letter-spacing: -0.02em;
  --onl-type-title-md-font-size: 20px;
  --onl-type-title-md-line-height: 26px;
  --onl-type-title-md-font-weight: 800;
  --onl-type-title-md-letter-spacing: -0.01em;
  --onl-type-title-sm-font-size: 17px;
  --onl-type-title-sm-line-height: 22px;
  --onl-type-title-sm-font-weight: 800;
  --onl-type-title-sm-letter-spacing: 0em;
  --onl-type-body-lg-font-size: 17px;
  --onl-type-body-lg-line-height: 25px;
  --onl-type-body-lg-font-weight: 500;
  --onl-type-body-lg-letter-spacing: 0em;
  --onl-type-body-font-size: 16px;
  --onl-type-body-line-height: 22px;
  --onl-type-body-font-weight: 500;
  --onl-type-body-letter-spacing: 0em;
  --onl-type-body-sm-font-size: 15px;
  --onl-type-body-sm-line-height: 21px;
  --onl-type-body-sm-font-weight: 500;
  --onl-type-body-sm-letter-spacing: 0em;
  --onl-type-caption-font-size: 14px;
  --onl-type-caption-line-height: 19px;
  --onl-type-caption-font-weight: 500;
  --onl-type-caption-letter-spacing: 0em;
  --onl-type-label-font-size: 13px;
  --onl-type-label-line-height: 17px;
  --onl-type-label-font-weight: 700;
  --onl-type-label-letter-spacing: 0em;
  --onl-type-overline-font-size: 13px;
  --onl-type-overline-line-height: 17px;
  --onl-type-overline-font-weight: 800;
  --onl-type-overline-letter-spacing: 0.08em;
  --onl-type-tab-ios-font-size: 10.5px;
  --onl-type-tab-ios-line-height: 13px;
  --onl-type-tab-ios-font-weight: 600;
  --onl-type-tab-ios-letter-spacing: 0em;
  --onl-type-tab-android-font-size: 11px;
  --onl-type-tab-android-line-height: 16px;
  --onl-type-tab-android-font-weight: 600;
  --onl-type-tab-android-letter-spacing: 0em;
  --onl-type-tab-web-font-size: 11px;
  --onl-type-tab-web-line-height: 16px;
  --onl-type-tab-web-font-weight: 700;
  --onl-type-tab-web-letter-spacing: 0em;
  --onl-type-body-strong-font-size: 16px;
  --onl-type-body-strong-line-height: 22px;
  --onl-type-body-strong-font-weight: 700;
  --onl-type-body-strong-letter-spacing: 0em;
  --onl-type-body-sm-bold-font-size: 15px;
  --onl-type-body-sm-bold-line-height: 21px;
  --onl-type-body-sm-bold-font-weight: 700;
  --onl-type-body-sm-bold-letter-spacing: 0em;
  --onl-type-body-sm-extrabold-font-size: 15px;
  --onl-type-body-sm-extrabold-line-height: 21px;
  --onl-type-body-sm-extrabold-font-weight: 800;
  --onl-type-body-sm-extrabold-letter-spacing: 0em;
}
html.dark, [data-theme="dark"] {
  --onl-surface-page: #0B0C0A;
  --onl-surface-raised: #171915;
  --onl-surface-sunken: #252821;
  --onl-surface-chrome: #1E211B;
  --onl-surface-hero: #1B2111;
  --onl-surface-floating: #2E312A;
  --onl-surface-sunken-hover: #2E312A;
  --onl-text-primary: #F2F3EC;
  --onl-text-secondary: #C9CBC1;
  --onl-text-muted: #A5A89E;
  --onl-text-disabled: #6F716A;
  --onl-text-on-floating: #F2F3EC;
  --onl-icon-primary: #F2F3EC;
  --onl-icon-secondary: #8A8D83;
  --onl-border-subtle: #252821;
  --onl-border-default: #2E312A;
  --onl-border-control: #8A8D83;
  --onl-border-strong: #F2F3EC;
  --onl-border-on-accent: #D9F24A;
  --onl-action-primary: #D9F24A;
  --onl-action-primary-hover: #E6FA6B;
  --onl-action-primary-pressed: #C6DD3A;
  --onl-action-on-primary: #111210;
  --onl-action-accent: #D9F24A;
  --onl-action-accent-hover: #E6FA6B;
  --onl-action-accent-pressed: #C6DD3A;
  --onl-action-on-accent: #111210;
  --onl-action-danger: #FF8A80;
  --onl-action-on-danger: #111210;
  --onl-action-danger-hover: #FF9F97;
  --onl-action-danger-pressed: #FF7468;
  --onl-selection-bg: #D9F24A;
  --onl-selection-fg: #111210;
  --onl-state-success-fg: #9BD66F;
  --onl-state-success-bg: #1A2615;
  --onl-state-warning-fg: #F2D58A;
  --onl-state-warning-bg: #2A2415;
  --onl-state-warning-border: #8F782D;
  --onl-state-danger-fg: #FF8A80;
  --onl-state-danger-bg: #36201B;
  --onl-focus-ring: #D9F24A;
  --onl-focus-ring-inverse: #D9F24A;
  --onl-scrim: #00000099;
  --onl-interaction-press-overlay: #F2F3EC29;
}