/* GENERATED by `rake ui:tokens:build` from config/figma-inventory.json.
   Do not edit by hand — edit the Figma Tokens file, re-export, rebuild. */

:root {
  /* Colors - Semantic */
  --color-background-brand-default: var(--color-primary-800);
  --color-background-brand-light: var(--color-primary-100);
  --color-background-brand-strong: var(--color-primary-900);
  --color-background-brand-strongest: var(--color-primary-950);
  --color-background-brand-subtle: var(--color-primary-50);
  --color-background-danger-default: var(--color-error-600);
  --color-background-danger-strong: var(--color-error-800);
  --color-background-danger-subtle: var(--color-error-100);
  --color-background-inverse-default: var(--color-grey-300);
  --color-background-inverse-light: var(--color-grey-200);
  --color-background-inverse-strong: var(--color-grey-400);
  --color-background-inverse-strongest: var(--color-grey-500);
  --color-background-inverse-subtle: var(--color-grey-100);
  --color-background-inverse-white: var(--color-white);
  --color-background-neutral-default: var(--color-grey-600);
  --color-background-neutral-light: var(--color-grey-400);
  --color-background-neutral-strong: var(--color-grey-800);
  --color-background-neutral-strongest: var(--color-grey-900);
  --color-background-neutral-subtle: var(--color-grey-200);
  --color-background-positive-default: var(--color-secondary-200);
  --color-background-positive-light: var(--color-secondary-100);
  --color-background-positive-strong: var(--color-secondary-600);
  --color-background-positive-strongest: var(--color-secondary-700);
  --color-background-positive-subtle: var(--color-secondary-50);
  --color-background-warning-default: var(--color-warning-400);
  --color-background-warning-light: var(--color-warning-200);
  --color-background-warning-strong: var(--color-warning-600);
  --color-background-warning-strongest: var(--color-warning-700);
  --color-background-warning-subtle: var(--color-warning-100);
  --color-disabled-background: var(--color-grey-200);
  --color-disabled-border: var(--color-grey-300);
  --color-disabled-fill: var(--color-grey-400);
  --color-disabled-surface: var(--color-grey-100);
  --color-disabled-text: var(--color-grey-400);
  --color-overlay-bright-25: var(--color-scrim-bright-25);
  --color-overlay-bright-50: var(--color-scrim-bright-50);
  --color-overlay-dark-25: var(--color-scrim-dark-25);
  --color-overlay-dark-50: var(--color-scrim-dark-50);
  --color-stroke-brand-default: var(--color-primary-800);
  --color-stroke-brand-strong: var(--color-primary-950);
  --color-stroke-brand-subtle: var(--color-primary-200);
  --color-stroke-danger-default: var(--color-error-600);
  --color-stroke-danger-subtle: var(--color-error-300);
  --color-stroke-neutral-default: var(--color-grey-600);
  --color-stroke-neutral-strong: var(--color-grey-950);
  --color-stroke-neutral-subtle: var(--color-grey-300);
  --color-stroke-neutral-white: var(--color-white);
  --color-stroke-positive-default: var(--color-secondary-600);
  --color-stroke-positive-subtle: var(--color-secondary-300);
  --color-stroke-warning-default: var(--color-warning-700);
  --color-stroke-warning-subtle: var(--color-warning-500);
  --color-text-brand-primary: var(--color-primary-950);
  --color-text-brand-secondary: var(--color-primary-800);
  --color-text-brand-tertiary: var(--color-primary-600);
  --color-text-danger-primary: var(--color-error-800);
  --color-text-danger-secondary: var(--color-error-600);
  --color-text-danger-tertiary: var(--color-error-300);
  --color-text-inverse-primary: var(--color-white);
  --color-text-inverse-secondary: var(--color-grey-100);
  --color-text-inverse-tertiary: var(--color-grey-300);
  --color-text-neutral-primary: var(--color-grey-900);
  --color-text-neutral-secondary: var(--color-grey-600);
  --color-text-neutral-tertiary: var(--color-grey-400);
  --color-text-positive-primary: var(--color-secondary-600);
  --color-text-positive-secondary: var(--color-secondary-700);
  --color-text-positive-tertiary: var(--color-secondary-800);
  --color-text-warning-primary: var(--color-warning-900);
  --color-text-warning-secondary: var(--color-warning-700);
  --color-text-warning-tertiary: var(--color-warning-600);

  /* Numbers - Semantic */
  --border-radius-2xl: 20px;
  --border-radius-full: 9999px;
  --border-radius-lg: 12px;
  --border-radius-md: 8px;
  --border-radius-none: 0;
  --border-radius-sm: 4px;
  --border-radius-xl: 16px;
  --border-radius-xs: 2px;
  --border-width-0: 0;
  --border-width-1: 1px;
  --border-width-2: 2px;
  --duration-base: 200ms;
  --duration-fast: 150ms;
  --duration-slow: 300ms;
  --icon-size-lg: 24px;
  --icon-size-md: 20px;
  --icon-size-sm: 16px;
  --icon-size-xs: 12px;
  --opacity-0: 0;
  --opacity-10: 10%;
  --opacity-20: 20%;
  --opacity-30: 30%;
  --opacity-40: 40%;
  --opacity-50: 50%;
  --size-0: 0;
  --size-12: 12px;
  --size-16: 16px;
  --size-2: 2px;
  --size-20: 20px;
  --size-24: 24px;
  --size-32: 32px;
  --size-4: 4px;
  --size-40: 40px;
  --size-48: 48px;
  --size-60: 60px;
  --size-72: 72px;
  --size-8: 8px;
  --spacing-0: 0;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-2: 2px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-4: 4px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-56: 56px;
  --spacing-64: 64px;
  --spacing-72: 72px;
  --spacing-8: 8px;
  --spacing-80: 80px;

  /* Typography */
  --font-family-headline: "Space Grotesk";
  --font-family-paragraph: "Work Sans";
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-24: 24px;
  --font-size-28: 28px;
  --font-size-32: 32px;
  --font-size-40: 40px;
  --font-size-48: 48px;
  --font-size-56: 56px;
  --font-weight-bold: 700;
  --font-weight-medium: 500;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --letter-spacing--1: -1px;
  --letter-spacing-0: 0;
  --line-height-18: 18px;
  --line-height-20: 20px;
  --line-height-24: 24px;
  --line-height-28: 28px;
  --line-height-30: 30px;
  --line-height-32: 32px;
  --line-height-38: 38px;
  --line-height-40: 40px;
  --line-height-50: 50px;
  --line-height-60: 60px;
  --paragraph-spacing-12: 12px;
  --paragraph-spacing-14: 14px;
  --paragraph-spacing-16: 16px;
  --paragraph-spacing-18: 18px;
  --paragraph-spacing-20: 20px;
  --paragraph-spacing-24: 24px;
  --paragraph-spacing-30: 30px;
  --paragraph-spacing-36: 36px;
  --paragraph-spacing-48: 48px;
  --paragraph-spacing-60: 60px;
}