/* generated by `pnpm tokens:build` 🥷 */

:root {
  --colors-box-shadow: #0000001f;
  --colors-green-100: #b0c8c2;
  --colors-green-200: #8aaea5;
  --colors-green-300: #54887c;
  --colors-green-400: #337162;
  --colors-green-50: #e6edeb;
  --colors-green-500: #004e3b;
  --colors-green-600: #004736;
  --colors-green-700: #00372a;
  --colors-green-800: #002b20;
  --colors-green-900: #002119;
  --colors-neutral-0: #fff;
  --colors-neutral-100: #ebebeb;
  --colors-neutral-200: #dfdfdf;
  --colors-neutral-300: #b3b3b3;
  --colors-neutral-400: #7b7b7b;
  --colors-neutral-50: #f5f5f5;
  --colors-neutral-500: #525252;
  --colors-neutral-600: #373737;
  --colors-neutral-700: #2a2a2a;
  --colors-neutral-800: #1c1c1c;
  --colors-neutral-900: #0b0b0b;
  --colors-orange-100: #fdd7b0;
  --colors-orange-200: #fbc48a;
  --colors-orange-300: #faa954;
  --colors-orange-400: #f99933;
  --colors-orange-50: #fef2e6;
  --colors-orange-500: #f77f00;
  --colors-orange-600: #e17400;
  --colors-orange-700: #af5a00;
  --colors-orange-800: #884600;
  --colors-orange-900: #683500;
  --colors-purple-100: #ccbbfc;
  --colors-purple-200: #b39afa;
  --colors-purple-300: #906cf8;
  --colors-purple-400: #7b4ff7;
  --colors-purple-50: #efe9fe;
  --colors-purple-500: #5a23f5;
  --colors-purple-600: #5220df;
  --colors-purple-700: #4019ae;
  --colors-purple-800: #321387;
  --colors-purple-900: #260f67;
  --colors-red-100: #ebb2b1;
  --colors-red-200: #e28c8b;
  --colors-red-300: #d45856;
  --colors-red-400: #cc3835;
  --colors-red-50: #f9e6e6;
  --colors-red-500: #bf0603;
  --colors-red-600: #ae0503;
  --colors-red-700: #880402;
  --colors-red-800: #690302;
  --colors-red-900: #500301;
  --colors-semantic-bg-disabled: var(--colors-neutral-50);
  --colors-semantic-bg-overlay: var(--colors-neutral-100);
  --colors-semantic-bg-page: var(--colors-neutral-50);
  --colors-semantic-bg-surface: var(--colors-neutral-0);
  --colors-semantic-border-default: var(--colors-neutral-200);
  --colors-semantic-border-disabled: var(--colors-neutral-100);
  --colors-semantic-border-focus: var(--colors-purple-500);
  --colors-semantic-border-on-color: var(--colors-neutral-0);
  --colors-semantic-border-strong: var(--colors-neutral-300);
  --colors-semantic-border-subtle: var(--colors-neutral-100);
  --colors-semantic-content-disabled: var(--colors-neutral-300);
  --colors-semantic-content-link: var(--colors-purple-600);
  --colors-semantic-content-link-hover: var(--colors-purple-700);
  --colors-semantic-content-link-visited: var(--colors-purple-400);
  --colors-semantic-content-on-color: var(--colors-neutral-0);
  --colors-semantic-content-primary: var(--colors-neutral-900);
  --colors-semantic-content-secondary: var(--colors-neutral-600);
  --colors-semantic-content-tertiary: var(--colors-neutral-400);
  --colors-semantic-interactive-destructive-bg: var(--colors-red-600);
  --colors-semantic-interactive-destructive-disabled: var(--colors-red-200);
  --colors-semantic-interactive-destructive-hover: var(--colors-red-700);
  --colors-semantic-interactive-disabled: var(--colors-neutral-200);
  --colors-semantic-interactive-hover: var(--colors-purple-50);
  --colors-semantic-interactive-hover-subtle: var(--colors-neutral-100);
  --colors-semantic-interactive-neutral: var(--colors-neutral-300);
  --colors-semantic-interactive-pressed: var(--colors-purple-100);
  --colors-semantic-interactive-selected: var(--colors-purple-50);
  --colors-semantic-primary-on-primary: var(--colors-neutral-0);
  --colors-semantic-primary-on-primary-subtle: var(--colors-purple-700);
  --colors-semantic-primary-primary: var(--colors-purple-500);
  --colors-semantic-primary-primary-active: var(--colors-purple-800);
  --colors-semantic-primary-primary-hover: var(--colors-purple-700);
  --colors-semantic-primary-primary-subtle: var(--colors-purple-50);
  --colors-semantic-primary-primary-subtle-border: var(--colors-purple-200);
  --colors-semantic-status-error-bg: var(--colors-red-50);
  --colors-semantic-status-error-border: var(--colors-red-500);
  --colors-semantic-status-error-content: var(--colors-red-700);
  --colors-semantic-status-error-content-inverse: var(--colors-neutral-0);
  --colors-semantic-status-success-bg: var(--colors-green-50);
  --colors-semantic-status-success-border: var(--colors-green-200);
  --colors-semantic-status-success-content: var(--colors-green-800);
  --colors-semantic-status-success-content-inverse: var(--colors-neutral-0);
  --colors-semantic-status-warning-bg: var(--colors-orange-50);
  --colors-semantic-status-warning-border: var(--colors-orange-200);
  --colors-semantic-status-warning-content: var(--colors-orange-800);
  --colors-semantic-status-warning-content-inverse: var(--colors-neutral-0);
  --colors-translucent: #fff9;
  --font-base: 'Figtree';
  --font-font-weight-bold: 700;
  --font-font-weight-regular: 400;
  --font-font-weight-semibold: 600;
  --scale-0: 0px;
  --scale-1: 1px;
  --scale-12: 12px;
  --scale-14: 14px;
  --scale-16: 16px;
  --scale-18: 18px;
  --scale-2: 2px;
  --scale-20: 20px;
  --scale-24: 24px;
  --scale-28: 28px;
  --scale-32: 32px;
  --scale-4: 4px;
  --scale-40: 40px;
  --scale-48: 48px;
  --scale-56: 56px;
  --scale-64: 64px;
  --scale-72: 72px;
  --scale-8: 8px;
  --scale-80: 80px;
  --scale-88: 88px;
  --scale-96: 96px;
  --scale-negative-16: -16px;
  --shape-border-radius-radius-2xl: var(--scale-24);
  --shape-border-radius-radius-full: var(--scale-32);
  --shape-border-radius-radius-lg: var(--scale-12);
  --shape-border-radius-radius-md: var(--scale-8);
  --shape-border-radius-radius-none: var(--scale-0);
  --shape-border-radius-radius-sm: var(--scale-4);
  --shape-border-radius-radius-xl: var(--scale-16);
  --shape-border-width-default: 1px;
  --shape-border-width-thick: 2px;
  --shape-box-shadow-lg-blur: 48px;
  --shape-box-shadow-lg-color: var(--colors-box-shadow);
  --shape-box-shadow-lg-position-x: 0px;
  --shape-box-shadow-lg-position-y: 32px;
  --shape-box-shadow-lg-spread: -16px;
  --shape-box-shadow-md-blur: 24px;
  --shape-box-shadow-md-color: var(--colors-box-shadow);
  --shape-box-shadow-md-position-x: 0px;
  --shape-box-shadow-md-position-y: 20px;
  --shape-box-shadow-md-spread: -12px;
  --shape-box-shadow-sm-blur: 16px;
  --shape-box-shadow-sm-color: var(--colors-box-shadow);
  --shape-box-shadow-sm-position-x: 0px;
  --shape-box-shadow-sm-position-y: 12px;
  --shape-box-shadow-sm-spread: -8px;
  --shape-box-shadow-xl-blur: 64px;
  --shape-box-shadow-xl-color: var(--colors-box-shadow);
  --shape-box-shadow-xl-position-x: 0px;
  --shape-box-shadow-xl-position-y: 48px;
  --shape-box-shadow-xl-spread: -24px;
  --shape-box-shadow-xs-blur: 4px;
  --shape-box-shadow-xs-color: var(--colors-box-shadow);
  --shape-box-shadow-xs-position-x: 0px;
  --shape-box-shadow-xs-position-y: 2px;
  --shape-box-shadow-xs-spread: 0px;
  --shape-outline-focus: 3px;
  --shape-outline-selected: 1px;
  --shape-spacing-2xl: var(--scale-48);
  --shape-spacing-2xs: var(--scale-4);
  --shape-spacing-3xl: var(--scale-64);
  --shape-spacing-3xs: var(--scale-2);
  --shape-spacing-lg: var(--scale-24);
  --shape-spacing-md: var(--scale-16);
  --shape-spacing-none: var(--scale-0);
  --shape-spacing-sm: var(--scale-12);
  --shape-spacing-xl: var(--scale-32);
  --shape-spacing-xs: var(--scale-8);
  --typography-font-sizes-body-lg: var(--scale-18);
  --typography-font-sizes-body-md: var(--scale-16);
  --typography-font-sizes-body-sm: var(--scale-14);
  --typography-font-sizes-caption: var(--scale-12);
  --typography-font-sizes-display-lg: var(--scale-56);
  --typography-font-sizes-display-sm: var(--scale-48);
  --typography-font-sizes-h1: var(--scale-28);
  --typography-font-sizes-h2: var(--scale-24);
  --typography-font-sizes-h3: var(--scale-20);
  --typography-font-sizes-h4: var(--scale-16);
  --typography-font-sizes-label-lg: var(--scale-16);
  --typography-font-sizes-label-sm: var(--scale-14);
  --utils-tokens-font-family: 'Figtree', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  --utils-tokens-gradient: linear-gradient(180deg, rgb(255 255 255 / 100%), transparent 50%);
  --utils-tokens-icon-size: var(--scale-16);
  --utils-tokens-negative-unit: var(--scale-negative-16);
  --utils-tokens-opacity-minimal: 0.5;
  --utils-tokens-transition-delay: 125ms;
  --utils-tokens-transition-duration: 250ms;
  --utils-tokens-transition-timing-function: ease-out;
  --utils-tokens-unit: var(--scale-16);
  --utils-tokens-z-max: 2147483648;
}

[data-theme='dark'] {
  --colors-box-shadow: #000000e0;
  --colors-semantic-bg-disabled: var(--colors-neutral-800);
  --colors-semantic-bg-overlay: var(--colors-neutral-600);
  --colors-semantic-bg-page: var(--colors-neutral-900);
  --colors-semantic-bg-surface: var(--colors-neutral-700);
  --colors-semantic-border-default: var(--colors-neutral-500);
  --colors-semantic-border-disabled: var(--colors-neutral-700);
  --colors-semantic-border-focus: var(--colors-purple-400);
  --colors-semantic-border-on-color: var(--colors-neutral-400);
  --colors-semantic-border-subtle: var(--colors-neutral-600);
  --colors-semantic-content-disabled: var(--colors-neutral-500);
  --colors-semantic-content-link: var(--colors-purple-200);
  --colors-semantic-content-link-hover: var(--colors-purple-300);
  --colors-semantic-content-primary: var(--colors-neutral-50);
  --colors-semantic-content-secondary: var(--colors-neutral-200);
  --colors-semantic-content-tertiary: var(--colors-neutral-300);
  --colors-semantic-interactive-disabled: var(--colors-neutral-500);
  --colors-semantic-interactive-hover: var(--colors-neutral-500);
  --colors-semantic-interactive-hover-subtle: var(--colors-neutral-600);
  --colors-semantic-interactive-neutral: var(--colors-neutral-400);
  --colors-semantic-interactive-pressed: var(--colors-purple-700);
  --colors-semantic-interactive-selected: var(--colors-purple-900);
  --colors-semantic-primary-on-primary-subtle: var(--colors-purple-200);
  --colors-semantic-primary-primary: var(--colors-purple-300);
  --colors-semantic-primary-primary-active: var(--colors-purple-50);
  --colors-semantic-primary-primary-hover: var(--colors-purple-200);
  --colors-semantic-primary-primary-subtle: var(--colors-purple-800);
  --colors-semantic-primary-primary-subtle-border: var(--colors-purple-600);
  --colors-semantic-status-error-bg: var(--colors-red-100);
  --colors-semantic-status-error-border: var(--colors-red-300);
  --colors-semantic-status-error-content: var(--colors-red-800);
  --colors-semantic-status-success-bg: var(--colors-green-200);
  --colors-semantic-status-success-border: var(--colors-green-400);
  --colors-semantic-status-warning-bg: var(--colors-orange-200);
  --colors-semantic-status-warning-border: var(--colors-orange-400);
  --colors-translucent: #fff3;
}

@media (width <= 960px) {
  :root {
    --typography-font-sizes-body-lg: var(--scale-16);
    --typography-font-sizes-display-lg: var(--scale-48);
    --typography-font-sizes-display-sm: var(--scale-40);
    --typography-font-sizes-h1: var(--scale-24);
    --typography-font-sizes-h2: var(--scale-20);
    --typography-font-sizes-h3: var(--scale-18);
    --typography-font-sizes-h4: var(--scale-18);
    --typography-font-sizes-label-lg: var(--scale-14);
    --typography-font-sizes-label-sm: var(--scale-12);
  }
}
