/* NOW — generated from tokens.json by scripts/build_tokens.py. Do not edit by hand. */
:root {
  color-scheme: dark;
  --color-base-black: #000000;
  --color-base-white: #ffffff;
  --color-gray-50: #f7f7f7;
  --color-gray-100: #ededed;
  --color-gray-200: #d6d6d6;
  --color-gray-300: #b3b3b3;
  --color-gray-400: #8f8f8f;
  --color-gray-500: #717171;
  --color-gray-600: #4a4a4a;
  --color-gray-700: #2a2a2a;
  --color-gray-800: #262626;
  --color-gray-900: #1c1c1c;
  --color-gray-950: #121212;
  --color-alpha-white-0: #ffffff00;
  --color-alpha-white-50: #ffffff0d;
  --color-alpha-white-100: #ffffff1a;
  --color-alpha-white-150: #ffffff29;
  --color-alpha-white-200: #ffffff33;
  --color-alpha-white-300: #ffffff4d;
  --color-alpha-white-400: #ffffff66;
  --color-alpha-white-500: #ffffff80;
  --color-alpha-white-600: #ffffff99;
  --color-alpha-white-700: #ffffffb3;
  --color-alpha-white-800: #ffffffcc;
  --color-alpha-white-850: #ffffffd9;
  --color-alpha-white-900: #ffffffe6;
  --color-alpha-black-0: #00000000;
  --color-alpha-black-50: #0000000d;
  --color-alpha-black-100: #0000001a;
  --color-alpha-black-150: #00000029;
  --color-alpha-black-500: #00000080;
  --color-alpha-black-600: #00000099;
  --color-alpha-black-700: #000000b3;
  --color-alpha-black-800: #000000cc;
  --color-red-400: #ff6b6b;
  --color-red-700: #b3261e;
  --color-bg-default-primary: #121212;
  --color-bg-default-secondary: #ffffff0d;
  --color-bg-default-tertiary: #ffffff1a;
  --color-bg-default-tertiary-high: #ffffff29;
  --color-bg-default-solid: #262626;
  --color-bg-default-raised: #1c1c1c;
  --color-bg-default-inverse: #ffffff;
  --color-bg-input-primary: #2a2a2a;
  --color-bg-brand-primary: #ffffff;
  --color-bg-brand-disabled: #717171;
  --color-bg-destructive-primary: #b3261e;
  --color-text-default-primary: #ffffff;
  --color-text-default-secondary: #ffffffb3;
  --color-text-default-secondary-high: #ffffffd9;
  --color-text-default-tertiary: #ffffff99;
  --color-text-default-tertiary-high: #ffffffcc;
  --color-text-default-inverse: #121212;
  --color-text-brand-on-primary: #121212;
  --color-text-destructive-primary: #ff6b6b;
  --color-text-on-destructive: #ffffff;
  --color-icon-default-primary: #ffffff;
  --color-icon-default-secondary: #ffffffb3;
  --color-icon-brand-on-primary: #121212;
  --color-border-default-primary: #ffffff66;
  --color-border-default-primary-high: #ffffffb3;
  --color-focus-ring: #ffffff4d;
  --spacing-none: 0px;
  --spacing-2xs: 4px;
  --spacing-xs: 8px;
  --spacing-sm: 12px;
  --spacing-md: 16px;
  --spacing-lg: 20px;
  --spacing-xl: 24px;
  --spacing-2xl: 32px;
  --spacing-3xl: 40px;
  --spacing-4xl: 48px;
  --spacing-5xl: 64px;
  --spacing-6xl: 96px;
  --spacing-7xl: 128px;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 24px;
  --radius-3xl: 32px;
  --radius-full: 9999px;
  --size-tap-min: 44px;
  --size-icon-xs: 16px;
  --size-icon-sm: 20px;
  --size-icon-md: 24px;
  --size-icon-xl: 32px;
  --size-general-md: 40px;
  --size-general-lg: 48px;
  --size-general-2xl: 64px;
  --border-100: 1px;
  --blur-background-sm: 8px;
  --blur-background-md: 16px;
  --blur-background-lg: 32px;
  --shadow-sm: 0 3px 12px #00000040;
  --shadow-md: 0 4px 20px #0000004d;
  --shadow-focus: 0 0 0 4px #ffffff4d;
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
[data-theme="light"] {
  color-scheme: light;
  --color-bg-default-primary: #ffffff;
  --color-bg-default-secondary: #0000000d;
  --color-bg-default-tertiary: #0000001a;
  --color-bg-default-tertiary-high: #00000029;
  --color-bg-default-solid: #ededed;
  --color-bg-default-raised: #f7f7f7;
  --color-bg-default-inverse: #121212;
  --color-bg-input-primary: #ededed;
  --color-bg-brand-primary: #121212;
  --color-bg-brand-disabled: #b3b3b3;
  --color-text-default-primary: #121212;
  --color-text-default-secondary: #000000b3;
  --color-text-default-secondary-high: #000000cc;
  --color-text-default-tertiary: #00000099;
  --color-text-default-tertiary-high: #000000b3;
  --color-text-default-inverse: #ffffff;
  --color-text-brand-on-primary: #ffffff;
  --color-text-destructive-primary: #b3261e;
  --color-border-default-primary: #00000080;
  --color-border-default-primary-high: #000000b3;
  --color-focus-ring: #00000080;
  --shadow-sm: 0 3px 12px #00000040;
  --shadow-md: 0 4px 20px #0000004d;
  --shadow-focus: 0 0 0 4px #00000080;
}
.display-sm-black { font-family: var(--font-sans); font-size: 96px; line-height: 104px; font-weight: 900; letter-spacing: -2px; }
.heading-xl-bold { font-family: var(--font-sans); font-size: 60px; line-height: 68px; font-weight: 700; letter-spacing: -1px; }
.heading-lg-bold { font-family: var(--font-sans); font-size: 48px; line-height: 56px; font-weight: 700; letter-spacing: -0.75px; }
.heading-md-bold { font-family: var(--font-sans); font-size: 36px; line-height: 44px; font-weight: 700; letter-spacing: -0.5px; }
.heading-sm-medium { font-family: var(--font-sans); font-size: 32px; line-height: 38px; font-weight: 500; letter-spacing: 0px; }
.heading-xs-black { font-family: var(--font-sans); font-size: 26px; line-height: 32px; font-weight: 900; letter-spacing: 0px; }
.text-lg-regular { font-family: var(--font-sans); font-size: 17px; line-height: 22px; font-weight: 400; }
.text-lg-semibold { font-family: var(--font-sans); font-size: 17px; line-height: 22px; font-weight: 600; }
.text-lg-bold { font-family: var(--font-sans); font-size: 17px; line-height: 22px; font-weight: 700; }
.text-md-regular { font-family: var(--font-sans); font-size: 16px; line-height: 21px; font-weight: 400; }
.text-md-light { font-family: var(--font-sans); font-size: 16px; line-height: 21px; font-weight: 300; }
.text-sm-regular { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 400; }
.text-xs-regular { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; }
.text-xs-medium { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 500; }
.text-2xs-semibold { font-family: var(--font-sans); font-size: 10px; line-height: 13px; font-weight: 600; }
.paragraph-lg { font-family: var(--font-sans); font-size: 18px; line-height: 28px; font-weight: 400; }
.paragraph-md { font-family: var(--font-sans); font-size: 16px; line-height: 26px; font-weight: 400; }
.label-sm { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 500; letter-spacing: 0.5px; }