/**
 * Do not edit directly.
 * This file contains the specific variables for the "onyx" theme.
 * Imported from Figma API on Tue, 11 Aug 2026 11:42:44 GMT
 */
:where(:root),
.onyx-theme-default {
  --onyx-color-base-background-blank: light-dark(
    var(--onyx-color-onyx-neutral-100),
    var(--onyx-color-onyx-neutral-900)
  );
  --onyx-color-base-background-tinted: light-dark(
    var(--onyx-color-onyx-neutral-200),
    var(--onyx-color-onyx-neutral-850)
  );
  --onyx-color-base-danger-100: light-dark(
    var(--onyx-color-onyx-red-100),
    var(--onyx-color-onyx-red-1100)
  );
  --onyx-color-base-danger-200: light-dark(
    var(--onyx-color-onyx-red-200),
    var(--onyx-color-onyx-red-900)
  );
  --onyx-color-base-danger-300: light-dark(
    var(--onyx-color-onyx-red-300),
    var(--onyx-color-onyx-red-700)
  );
  --onyx-color-base-danger-400: light-dark(
    var(--onyx-color-onyx-red-400),
    var(--onyx-color-onyx-red-500)
  );
  --onyx-color-base-danger-500: light-dark(
    var(--onyx-color-onyx-red-500),
    var(--onyx-color-onyx-red-400)
  );
  --onyx-color-base-danger-600: light-dark(
    var(--onyx-color-onyx-red-600),
    var(--onyx-color-onyx-red-300)
  );
  --onyx-color-base-danger-700: light-dark(
    var(--onyx-color-onyx-red-700),
    var(--onyx-color-onyx-red-200)
  );
  --onyx-color-base-danger-800: light-dark(
    var(--onyx-color-onyx-red-800),
    var(--onyx-color-onyx-red-100)
  );
  --onyx-color-base-danger-900: light-dark(
    var(--onyx-color-onyx-red-900),
    var(--onyx-color-onyx-red-100)
  );
  --onyx-color-base-grayscale-black: var(--onyx-color-onyx-neutral-900);
  --onyx-color-base-grayscale-white: var(--onyx-color-onyx-neutral-100);
  --onyx-color-base-info-100: light-dark(
    var(--onyx-color-onyx-purple-100),
    var(--onyx-color-onyx-purple-1100)
  );
  --onyx-color-base-info-200: light-dark(
    var(--onyx-color-onyx-purple-200),
    var(--onyx-color-onyx-purple-1000)
  );
  --onyx-color-base-info-300: light-dark(
    var(--onyx-color-onyx-purple-300),
    var(--onyx-color-onyx-purple-900)
  );
  --onyx-color-base-info-400: light-dark(
    var(--onyx-color-onyx-purple-400),
    var(--onyx-color-onyx-purple-800)
  );
  --onyx-color-base-info-500: light-dark(
    var(--onyx-color-onyx-purple-500),
    var(--onyx-color-onyx-purple-700)
  );
  --onyx-color-base-info-600: var(--onyx-color-onyx-purple-600);
  --onyx-color-base-info-700: light-dark(
    var(--onyx-color-onyx-purple-700),
    var(--onyx-color-onyx-purple-500)
  );
  --onyx-color-base-info-800: light-dark(
    var(--onyx-color-onyx-purple-800),
    var(--onyx-color-onyx-purple-400)
  );
  --onyx-color-base-info-900: light-dark(
    var(--onyx-color-onyx-purple-900),
    var(--onyx-color-onyx-purple-300)
  );
  --onyx-color-base-neutral-100: light-dark(
    var(--onyx-color-onyx-neutral-100),
    var(--onyx-color-onyx-neutral-900)
  );
  --onyx-color-base-neutral-200: light-dark(
    var(--onyx-color-onyx-neutral-250),
    var(--onyx-color-onyx-neutral-750)
  );
  --onyx-color-base-neutral-300: light-dark(
    var(--onyx-color-onyx-neutral-300),
    var(--onyx-color-onyx-neutral-700)
  );
  --onyx-color-base-neutral-400: light-dark(
    var(--onyx-color-onyx-neutral-400),
    var(--onyx-color-onyx-neutral-700)
  );
  --onyx-color-base-neutral-500: light-dark(
    var(--onyx-color-onyx-neutral-500),
    var(--onyx-color-onyx-neutral-700)
  );
  --onyx-color-base-neutral-600: var(--onyx-color-onyx-neutral-600);
  --onyx-color-base-neutral-700: light-dark(
    var(--onyx-color-onyx-neutral-700),
    var(--onyx-color-onyx-neutral-500)
  );
  --onyx-color-base-neutral-800: light-dark(
    var(--onyx-color-onyx-neutral-750),
    var(--onyx-color-onyx-neutral-400)
  );
  --onyx-color-base-neutral-900: light-dark(
    var(--onyx-color-onyx-neutral-850),
    var(--onyx-color-onyx-neutral-300)
  );
  --onyx-color-base-primary-100: light-dark(
    var(--onyx-color-onyx-teal-100),
    var(--onyx-color-onyx-teal-1100)
  );
  --onyx-color-base-primary-200: light-dark(
    var(--onyx-color-onyx-teal-200),
    var(--onyx-color-onyx-teal-1000)
  );
  --onyx-color-base-primary-300: light-dark(
    var(--onyx-color-onyx-teal-300),
    var(--onyx-color-onyx-teal-900)
  );
  --onyx-color-base-primary-400: light-dark(
    var(--onyx-color-onyx-teal-400),
    var(--onyx-color-onyx-teal-800)
  );
  --onyx-color-base-primary-500: light-dark(
    var(--onyx-color-onyx-teal-500),
    var(--onyx-color-onyx-teal-700)
  );
  --onyx-color-base-primary-600: var(--onyx-color-onyx-teal-600);
  --onyx-color-base-primary-700: light-dark(
    var(--onyx-color-onyx-teal-700),
    var(--onyx-color-onyx-teal-500)
  );
  --onyx-color-base-primary-800: light-dark(
    var(--onyx-color-onyx-teal-800),
    var(--onyx-color-onyx-teal-400)
  );
  --onyx-color-base-primary-900: light-dark(
    var(--onyx-color-onyx-teal-900),
    var(--onyx-color-onyx-teal-300)
  );
  --onyx-color-base-quantitatives-100: light-dark(
    var(--onyx-color-quantitatives-100),
    var(--onyx-color-quantitatives-150)
  );
  --onyx-color-base-quantitatives-200: light-dark(
    var(--onyx-color-quantitatives-200),
    var(--onyx-color-quantitatives-250)
  );
  --onyx-color-base-quantitatives-300: light-dark(
    var(--onyx-color-quantitatives-300),
    var(--onyx-color-quantitatives-350)
  );
  --onyx-color-base-quantitatives-400: light-dark(
    var(--onyx-color-quantitatives-400),
    var(--onyx-color-quantitatives-450)
  );
  --onyx-color-base-quantitatives-500: light-dark(
    var(--onyx-color-quantitatives-500),
    var(--onyx-color-quantitatives-550)
  );
  --onyx-color-base-quantitatives-600: light-dark(
    var(--onyx-color-quantitatives-600),
    var(--onyx-color-quantitatives-650)
  );
  --onyx-color-base-quantitatives-700: light-dark(
    var(--onyx-color-quantitatives-700),
    var(--onyx-color-quantitatives-750)
  );
  --onyx-color-base-quantitatives-800: light-dark(
    var(--onyx-color-quantitatives-800),
    var(--onyx-color-quantitatives-850)
  );
  --onyx-color-base-quantitatives-900: light-dark(
    var(--onyx-color-quantitatives-900),
    var(--onyx-color-quantitatives-950)
  );
  --onyx-color-base-quantitatives-1000: light-dark(
    var(--onyx-color-quantitatives-1000),
    var(--onyx-color-quantitatives-1050)
  );
  --onyx-color-base-quantitatives-1100: light-dark(
    var(--onyx-color-quantitatives-1100),
    var(--onyx-color-quantitatives-1150)
  );
  --onyx-color-base-quantitatives-1200: light-dark(
    var(--onyx-color-quantitatives-1200),
    var(--onyx-color-quantitatives-1250)
  );
  --onyx-color-base-secondary-100: light-dark(
    var(--onyx-color-onyx-lime-100),
    var(--onyx-color-onyx-lime-900)
  );
  --onyx-color-base-secondary-200: light-dark(
    var(--onyx-color-onyx-lime-200),
    var(--onyx-color-onyx-lime-800)
  );
  --onyx-color-base-secondary-300: light-dark(
    var(--onyx-color-onyx-lime-300),
    var(--onyx-color-onyx-lime-700)
  );
  --onyx-color-base-secondary-400: light-dark(
    var(--onyx-color-onyx-lime-400),
    var(--onyx-color-onyx-lime-600)
  );
  --onyx-color-base-secondary-500: var(--onyx-color-onyx-lime-500);
  --onyx-color-base-secondary-600: light-dark(
    var(--onyx-color-onyx-lime-600),
    var(--onyx-color-onyx-lime-400)
  );
  --onyx-color-base-secondary-700: light-dark(
    var(--onyx-color-onyx-lime-700),
    var(--onyx-color-onyx-lime-300)
  );
  --onyx-color-base-secondary-800: light-dark(
    var(--onyx-color-onyx-lime-800),
    var(--onyx-color-onyx-lime-200)
  );
  --onyx-color-base-secondary-900: light-dark(
    var(--onyx-color-onyx-lime-900),
    var(--onyx-color-onyx-lime-100)
  );
  --onyx-color-base-success-100: light-dark(
    var(--onyx-color-onyx-green-100),
    var(--onyx-color-onyx-green-1100)
  );
  --onyx-color-base-success-200: light-dark(
    var(--onyx-color-onyx-green-200),
    var(--onyx-color-onyx-green-1000)
  );
  --onyx-color-base-success-300: light-dark(
    var(--onyx-color-onyx-green-300),
    var(--onyx-color-onyx-green-900)
  );
  --onyx-color-base-success-400: light-dark(
    var(--onyx-color-onyx-green-400),
    var(--onyx-color-onyx-green-800)
  );
  --onyx-color-base-success-500: light-dark(
    var(--onyx-color-onyx-green-500),
    var(--onyx-color-onyx-green-700)
  );
  --onyx-color-base-success-600: var(--onyx-color-onyx-green-600);
  --onyx-color-base-success-700: light-dark(
    var(--onyx-color-onyx-green-700),
    var(--onyx-color-onyx-green-500)
  );
  --onyx-color-base-success-800: light-dark(
    var(--onyx-color-onyx-green-800),
    var(--onyx-color-onyx-green-400)
  );
  --onyx-color-base-success-900: light-dark(
    var(--onyx-color-onyx-green-900),
    var(--onyx-color-onyx-green-300)
  );
  --onyx-color-base-warning-100: light-dark(
    var(--onyx-color-onyx-orange-100),
    var(--onyx-color-onyx-orange-1100)
  );
  --onyx-color-base-warning-200: light-dark(
    var(--onyx-color-onyx-orange-200),
    var(--onyx-color-onyx-orange-1000)
  );
  --onyx-color-base-warning-300: light-dark(
    var(--onyx-color-onyx-orange-300),
    var(--onyx-color-onyx-orange-900)
  );
  --onyx-color-base-warning-400: light-dark(
    var(--onyx-color-onyx-orange-400),
    var(--onyx-color-onyx-orange-800)
  );
  --onyx-color-base-warning-500: light-dark(
    var(--onyx-color-onyx-orange-500),
    var(--onyx-color-onyx-orange-700)
  );
  --onyx-color-base-warning-600: var(--onyx-color-onyx-orange-600);
  --onyx-color-base-warning-700: light-dark(
    var(--onyx-color-onyx-orange-700),
    var(--onyx-color-onyx-orange-500)
  );
  --onyx-color-base-warning-800: light-dark(
    var(--onyx-color-onyx-orange-800),
    var(--onyx-color-onyx-orange-400)
  );
  --onyx-color-base-warning-900: light-dark(
    var(--onyx-color-onyx-orange-900),
    var(--onyx-color-onyx-orange-300)
  );
  --onyx-color-component-border-danger: light-dark(
    var(--onyx-color-base-danger-800),
    var(--onyx-color-base-danger-500)
  );
  --onyx-color-component-border-danger-hover: light-dark(
    var(--onyx-color-base-danger-900),
    var(--onyx-color-base-danger-400)
  );
  --onyx-color-component-border-disabled: var(--onyx-color-base-neutral-200);
  --onyx-color-component-border-neutral: light-dark(
    var(--onyx-color-base-neutral-300),
    var(--onyx-color-base-neutral-400)
  );
  --onyx-color-component-border-neutral-hover: light-dark(
    var(--onyx-color-base-neutral-400),
    var(--onyx-color-base-neutral-500)
  );
  --onyx-color-component-border-primary: light-dark(
    var(--onyx-color-base-primary-600),
    var(--onyx-color-base-primary-700)
  );
  --onyx-color-component-border-primary-hover: var(--onyx-color-base-primary-800);
  --onyx-color-component-border-secondary: var(--onyx-color-base-neutral-600);
  --onyx-color-component-border-secondary-hover: light-dark(
    var(--onyx-color-base-primary-600),
    var(--onyx-color-base-primary-500)
  );
  --onyx-color-component-border-success: light-dark(
    var(--onyx-color-base-success-800),
    var(--onyx-color-base-success-500)
  );
  --onyx-color-component-border-success-hover: light-dark(
    var(--onyx-color-base-success-900),
    var(--onyx-color-base-success-400)
  );
  --onyx-color-component-calendar-background-range: var(--onyx-color-base-primary-200);
  --onyx-color-component-calendar-background-selected: var(--onyx-color-base-primary-500);
  --onyx-color-component-calendar-background-today: var(--onyx-color-base-neutral-700);
  --onyx-color-component-calendar-background-today-disabled: var(--onyx-color-base-neutral-200);
  --onyx-color-component-calendar-text: var(--onyx-color-text-icons-neutral-intense);
  --onyx-color-component-calendar-text-disabled: var(--onyx-color-text-icons-neutral-soft);
  --onyx-color-component-calendar-text-inverted: light-dark(
    var(--onyx-color-text-icons-neutral-intense),
    var(--onyx-color-text-icons-neutral-inverted)
  );
  --onyx-color-component-calendar-text-today: light-dark(
    var(--onyx-color-text-icons-neutral-inverted),
    var(--onyx-color-text-icons-neutral-intense)
  );
  --onyx-color-component-cta-danger: light-dark(
    var(--onyx-color-base-danger-800),
    var(--onyx-color-base-danger-500)
  );
  --onyx-color-component-cta-danger-hover: light-dark(
    var(--onyx-color-base-danger-900),
    var(--onyx-color-base-danger-400)
  );
  --onyx-color-component-cta-default: var(--onyx-color-base-primary-500);
  --onyx-color-component-cta-default-hover: light-dark(
    var(--onyx-color-base-primary-900),
    var(--onyx-color-base-primary-200)
  );
  --onyx-color-component-cta-disabled: var(--onyx-color-base-neutral-200);
  --onyx-color-component-focus-danger: light-dark(
    var(--onyx-color-base-danger-400),
    var(--onyx-color-base-danger-300)
  );
  --onyx-color-component-focus-neutral: light-dark(
    var(--onyx-color-base-neutral-300),
    var(--onyx-color-base-neutral-700)
  );
  --onyx-color-component-focus-primary: light-dark(
    var(--onyx-color-base-primary-200),
    var(--onyx-color-base-primary-300)
  );
  --onyx-color-component-focus-success: light-dark(
    var(--onyx-color-base-success-400),
    var(--onyx-color-base-success-200)
  );
  --onyx-color-component-focus-warning: light-dark(
    var(--onyx-color-base-warning-400),
    var(--onyx-color-base-warning-200)
  );
  --onyx-color-component-nav-label: light-dark(
    var(--onyx-color-text-icons-primary-intense),
    var(--onyx-color-base-primary-800)
  );
  --onyx-color-component-nav-stroke: light-dark(
    var(--onyx-color-base-primary-500),
    var(--onyx-color-base-primary-800)
  );
  --onyx-color-component-opacity-backdrop-medium: light-dark(
    var(--onyx-color-opacity-backdrop-600),
    var(--onyx-color-opacity-backdrop-800)
  );
  --onyx-color-component-opacity-backdrop-soft: light-dark(
    var(--onyx-color-opacity-backdrop-250),
    var(--onyx-color-opacity-backdrop-450)
  );
  --onyx-color-text-icons-danger-bold: light-dark(
    var(--onyx-color-onyx-red-1100),
    var(--onyx-color-onyx-red-100)
  );
  --onyx-color-text-icons-danger-intense: light-dark(
    var(--onyx-color-onyx-red-700),
    var(--onyx-color-onyx-red-200)
  );
  --onyx-color-text-icons-danger-medium: light-dark(
    var(--onyx-color-onyx-red-500),
    var(--onyx-color-onyx-red-700)
  );
  --onyx-color-text-icons-danger-soft: light-dark(
    var(--onyx-color-onyx-red-300),
    var(--onyx-color-onyx-red-900)
  );
  --onyx-color-text-icons-info-bold: light-dark(
    var(--onyx-color-onyx-purple-1100),
    var(--onyx-color-onyx-purple-300)
  );
  --onyx-color-text-icons-info-intense: light-dark(
    var(--onyx-color-onyx-purple-800),
    var(--onyx-color-onyx-purple-500)
  );
  --onyx-color-text-icons-info-medium: light-dark(
    var(--onyx-color-onyx-purple-500),
    var(--onyx-color-onyx-purple-700)
  );
  --onyx-color-text-icons-info-soft: light-dark(
    var(--onyx-color-onyx-purple-300),
    var(--onyx-color-onyx-purple-900)
  );
  --onyx-color-text-icons-neutral-button: var(--onyx-color-onyx-neutral-100);
  --onyx-color-text-icons-neutral-intense: light-dark(
    var(--onyx-color-onyx-neutral-900),
    var(--onyx-color-onyx-neutral-100)
  );
  --onyx-color-text-icons-neutral-inverted: var(--onyx-color-onyx-neutral-100);
  --onyx-color-text-icons-neutral-medium: light-dark(
    var(--onyx-color-onyx-neutral-700),
    var(--onyx-color-onyx-neutral-200)
  );
  --onyx-color-text-icons-neutral-selected: light-dark(
    var(--onyx-color-onyx-neutral-800),
    var(--onyx-color-onyx-neutral-850)
  );
  --onyx-color-text-icons-neutral-soft: light-dark(
    var(--onyx-color-neutral-stone-400),
    var(--onyx-color-onyx-neutral-600)
  );
  --onyx-color-text-icons-primary-bold: light-dark(
    var(--onyx-color-neutral-stone-1200),
    var(--onyx-color-onyx-teal-100)
  );
  --onyx-color-text-icons-primary-intense: light-dark(
    var(--onyx-color-onyx-teal-700),
    var(--onyx-color-onyx-teal-200)
  );
  --onyx-color-text-icons-primary-medium: light-dark(
    var(--onyx-color-onyx-teal-600),
    var(--onyx-color-onyx-teal-500)
  );
  --onyx-color-text-icons-primary-soft: light-dark(
    var(--onyx-color-onyx-teal-400),
    var(--onyx-color-onyx-teal-700)
  );
  --onyx-color-text-icons-secondary-bold: light-dark(
    var(--onyx-color-onyx-teal-1100),
    var(--onyx-color-onyx-teal-200)
  );
  --onyx-color-text-icons-secondary-intense: light-dark(
    var(--onyx-color-onyx-teal-700),
    var(--onyx-color-onyx-teal-400)
  );
  --onyx-color-text-icons-secondary-medium: light-dark(
    var(--onyx-color-onyx-teal-600),
    var(--onyx-color-onyx-teal-500)
  );
  --onyx-color-text-icons-secondary-soft: light-dark(
    var(--onyx-color-onyx-teal-500),
    var(--onyx-color-onyx-teal-800)
  );
  --onyx-color-text-icons-success-bold: light-dark(
    var(--onyx-color-onyx-green-1200),
    var(--onyx-color-onyx-green-200)
  );
  --onyx-color-text-icons-success-intense: light-dark(
    var(--onyx-color-onyx-green-800),
    var(--onyx-color-onyx-green-400)
  );
  --onyx-color-text-icons-success-medium: light-dark(
    var(--onyx-color-onyx-green-500),
    var(--onyx-color-onyx-green-700)
  );
  --onyx-color-text-icons-success-soft: light-dark(
    var(--onyx-color-onyx-green-300),
    var(--onyx-color-onyx-green-1200)
  );
  --onyx-color-text-icons-warning-bold: light-dark(
    var(--onyx-color-onyx-orange-1100),
    var(--onyx-color-onyx-orange-300)
  );
  --onyx-color-text-icons-warning-intense: light-dark(
    var(--onyx-color-onyx-orange-800),
    var(--onyx-color-onyx-orange-500)
  );
  --onyx-color-text-icons-warning-medium: light-dark(
    var(--onyx-color-onyx-orange-500),
    var(--onyx-color-onyx-orange-700)
  );
  --onyx-color-text-icons-warning-soft: light-dark(
    var(--onyx-color-onyx-orange-300),
    var(--onyx-color-onyx-orange-900)
  );
  --onyx-font-family-data: var(--onyx-font-family-Source-Sans-3-Variable);
  --onyx-font-family-h1: var(--onyx-font-family-Source-Sans-3-Variable);
  --onyx-font-family-h2: var(--onyx-font-family-Source-Sans-3-Variable);
  --onyx-font-family-h3: var(--onyx-font-family-Source-Sans-3-Variable);
  --onyx-font-family-h4: var(--onyx-font-family-Source-Sans-3-Variable);
  --onyx-font-family-mono: var(--onyx-font-family-Source-Code-Pro-Variable);
  --onyx-font-family-paragraph: var(--onyx-font-family-Source-Sans-3-Variable);
  --onyx-font-letter-spacing-default: var(--onyx-font-values-0-spacing);
  --onyx-font-line-height-lg: var(--onyx-font-values-500);
  --onyx-font-line-height-md: var(--onyx-font-values-400);
  --onyx-font-line-height-sm: var(--onyx-font-values-300);
  --onyx-font-line-height-xl: var(--onyx-font-values-600);
  --onyx-font-size-lg: var(--onyx-font-values-300);
  --onyx-font-size-md: var(--onyx-font-values-200);
  --onyx-font-size-sm: var(--onyx-font-values-100);
  --onyx-font-size-xl: var(--onyx-font-values-500);
  --onyx-font-weight-regular: var(--onyx-font-weight-400);
  --onyx-font-weight-semibold: var(--onyx-font-weight-600);
  --onyx-radius-component-badge: var(--onyx-number-radius-600);
  --onyx-radius-component-button: var(--onyx-number-radius-200);
  --onyx-radius-component-checkbox: var(--onyx-number-radius-200);
  --onyx-radius-component-container-sharp: var(--onyx-number-radius-200);
  --onyx-radius-component-container-soft: var(--onyx-number-radius-300);
  --onyx-radius-component-flyout: var(--onyx-number-radius-300);
  --onyx-radius-component-icon-button: var(--onyx-number-radius-200);
  --onyx-radius-component-input: var(--onyx-number-radius-200);
  --onyx-radius-component-search-sharp: var(--onyx-number-radius-200);
  --onyx-radius-component-search-soft: var(--onyx-number-radius-300);
  --onyx-radius-component-segmented-control-inside: var(--onyx-number-radius-200);
  --onyx-radius-component-segmented-control-outside: var(--onyx-number-radius-300);
  --onyx-radius-component-skeleton: var(--onyx-number-radius-200);
  --onyx-radius-component-system-button: var(--onyx-number-radius-200);
  --onyx-radius-full: var(--onyx-number-radius-600);
  --onyx-radius-lg: var(--onyx-number-radius-400);
  --onyx-radius-md: var(--onyx-number-radius-300);
  --onyx-radius-none: var(--onyx-number-radius-none);
  --onyx-radius-sm: var(--onyx-number-radius-200);
  --onyx-radius-xl: var(--onyx-number-radius-500);
  --onyx-radius-xs: var(--onyx-number-radius-100);
}