/* Generated from Figma Variables. First mode = :root default.
   FLOAT tokens are unitless — multiply by 1px in calc() where a length is needed. */

:root {
  --100: 4;
  --150: 6;
  --200: 8;
  --300: 12;
  --400: 16;
  --450: 18;
  --50: 2;
  --600: 24;
  --alpha-80: rgba(255,255,255,0.2); /* @kind color */
  --alpha-90: rgba(255,255,255,0.1); /* @kind color */
  --base-accent-foreground: var(--colors-accent-foreground-light); /* @kind color */
  --base-accent: var(--colors-accent-light); /* @kind color */
  --base-background: var(--colors-background-light); /* @kind color */
  --base-destructive-foreground: var(--colors-destructive-foreground-light); /* @kind color */
  --base-destructive: var(--colors-destructive-light); /* @kind color */
  --base-foreground: var(--colors-foreground-light); /* @kind color */
  --base-input: var(--colors-input-light); /* @kind color */
  --base-primary-foreground: var(--colors-primary-foreground-light); /* @kind color */
  --base-primary: var(--colors-primary-light); /* @kind color */
  --base-secondary-foreground: var(--colors-secondary-foreground-light); /* @kind color */
  --base-secondary: var(--colors-secondary-light); /* @kind color */
  --border-radius-md: var(--radius-rounded-md);
  --colors-accent-dark: var(--tailwind-colors-zinc-800); /* @kind color */
  --colors-accent-foreground-dark: var(--tailwind-colors-zinc-50); /* @kind color */
  --colors-accent-foreground-light: var(--tailwind-colors-zinc-900); /* @kind color */
  --colors-accent-light: var(--tailwind-colors-zinc-100); /* @kind color */
  --colors-background-dark: var(--tailwind-colors-zinc-950); /* @kind color */
  --colors-background-light: var(--tailwind-colors-base-white); /* @kind color */
  --colors-base-black: rgb(22,22,22); /* @kind color */
  --colors-base-white: rgb(255,255,255); /* @kind color */
  --colors-destructive-dark: var(--tailwind-colors-red-900); /* @kind color */
  --colors-destructive-foreground-dark: var(--tailwind-colors-red-50); /* @kind color */
  --colors-destructive-foreground-light: var(--tailwind-colors-red-50); /* @kind color */
  --colors-destructive-light: var(--tailwind-colors-red-600); /* @kind color */
  --colors-foreground-dark: var(--tailwind-colors-zinc-50); /* @kind color */
  --colors-foreground-light: var(--tailwind-colors-zinc-900); /* @kind color */
  --colors-input-dark: var(--tailwind-colors-zinc-800); /* @kind color */
  --colors-input-light: var(--tailwind-colors-zinc-200); /* @kind color */
  --colors-primary-dark: var(--tailwind-colors-zinc-50); /* @kind color */
  --colors-primary-foreground-dark: var(--tailwind-colors-zinc-900); /* @kind color */
  --colors-primary-foreground-light: var(--tailwind-colors-zinc-50); /* @kind color */
  --colors-primary-light: var(--tailwind-colors-zinc-900); /* @kind color */
  --colors-secondary-dark: var(--tailwind-colors-zinc-800); /* @kind color */
  --colors-secondary-foreground-dark: var(--tailwind-colors-zinc-50); /* @kind color */
  --colors-secondary-foreground-light: var(--tailwind-colors-zinc-900); /* @kind color */
  --colors-secondary-light: var(--tailwind-colors-zinc-100); /* @kind color */
  --dark-2: rgb(20,27,52); /* @kind color */
  --dark: rgb(20,27,52); /* @kind color */
  --font-line-height-leading-5: 20;
  --font-size-text-sm: 14;
  --font-weight-medium: 500;
  --height-h-10: 40;
  --height-h-11: 44;
  --height-h-4: 16;
  --height-h-9: 36;
  --icon-icon-default: var(--colors-base-black); /* @kind color */
  --opacity-opacity-50: 50;
  --radius-rounded-md: 6;
  --round: 1000;
  --spacing-2: 8;
  --spacing-3: 12;
  --spacing-4: 16;
  --spacing-8: 32;
  --tailwind-colors-base-transparent: rgba(255,255,255,0); /* @kind color */
  --tailwind-colors-base-white: rgb(255,255,255); /* @kind color */
  --tailwind-colors-red-50: rgb(254,242,242); /* @kind color */
  --tailwind-colors-red-600: rgb(220,38,38); /* @kind color */
  --tailwind-colors-red-900: rgb(127,29,29); /* @kind color */
  --tailwind-colors-zinc-100: rgb(244,244,245); /* @kind color */
  --tailwind-colors-zinc-200: rgb(228,228,231); /* @kind color */
  --tailwind-colors-zinc-50: rgb(250,250,250); /* @kind color */
  --tailwind-colors-zinc-800: rgb(39,39,42); /* @kind color */
  --tailwind-colors-zinc-900: rgb(24,24,27); /* @kind color */
  --tailwind-colors-zinc-950: rgb(9,9,11); /* @kind color */
  --typography-base-sizes-small-font-size: var(--font-size-text-sm);
  --typography-base-sizes-small-line-height: var(--font-line-height-leading-5);
  --typography-font-family-font-sans: "Inter";
  --width-w-10: 40;
  --width-w-4: 16;
}

:root[data-theme="dark"], .dark {
  --alpha-80: rgba(9,9,11,0.2); /* @kind color */
  --alpha-90: rgba(9,9,11,0.1); /* @kind color */
  --base-accent-foreground: var(--colors-accent-foreground-dark); /* @kind color */
  --base-accent: var(--colors-accent-dark); /* @kind color */
  --base-background: var(--colors-background-dark); /* @kind color */
  --base-destructive-foreground: var(--colors-destructive-foreground-dark); /* @kind color */
  --base-destructive: var(--colors-destructive-dark); /* @kind color */
  --base-foreground: var(--colors-foreground-dark); /* @kind color */
  --base-input: var(--colors-input-dark); /* @kind color */
  --base-primary-foreground: var(--colors-primary-foreground-dark); /* @kind color */
  --base-primary: var(--colors-primary-dark); /* @kind color */
  --base-secondary-foreground: var(--colors-secondary-foreground-dark); /* @kind color */
  --base-secondary: var(--colors-secondary-dark); /* @kind color */
  --icon-icon-default: var(--colors-base-white); /* @kind color */
}