/**
 * Auto-generated from Figma - Do not edit manually
 * Generated on: 2026-07-06T07:14:12.354Z
 * Token Version: 2.0
 * Brand: Oakley
 * Mode: Default
 */

@layer skin {
  [data-token-version="2.0"][data-skin="oakley"] {
    --color-alert-error-background: var(--oo-color-red-100);
    --color-alert-error-border: var(--oo-color-red-600);
    --color-alert-error-icon: var(--oo-color-red-600);
    --color-alert-error-text: var(--oo-color-red-600);
    --color-alert-info-background: var(--oo-color-blue-100);
    --color-alert-info-border: var(--oo-color-blue-700);
    --color-alert-info-icon: var(--oo-color-blue-700);
    --color-alert-info-text: var(--oo-color-blue-700);
    --color-alert-success-background: var(--oo-color-green-100);
    --color-alert-success-border: var(--oo-color-green-500);
    --color-alert-success-icon: var(--oo-color-green-500);
    --color-alert-success-text: var(--oo-color-green-500);
    --color-alert-warning-background: var(--oo-color-yellow-100);
    --color-alert-warning-border: var(--oo-color-yellow-400);
    --color-alert-warning-icon: var(--oo-color-yellow-400);
    --color-alert-warning-text: var(--oo-color-yellow-400);
    --color-avatar-default-background: var(--oo-color-black-900);
    --color-avatar-default-border: var(--oo-color-black-900);
    --color-avatar-default-icon: var(--oo-color-white-100);
    --color-avatar-default-text: var(--oo-color-white-100);
    --color-avatar-hover-border: var(--oo-color-black-10);
    --color-badge-alpha-60-background: var(--oo-color-black-60);
    --color-badge-alpha-60-border: var(--oo-color-white-100);
    --color-badge-alpha-60-icon: var(--oo-color-white-100);
    --color-badge-alpha-60-text: var(--oo-color-white-100);
    --color-badge-color01-background: var(--oo-color-black-900);
    --color-badge-color01-border: var(--oo-color-black-900);
    --color-badge-color01-icon: var(--oo-color-white-100);
    --color-badge-color01-text: var(--oo-color-white-100);
    --color-badge-color02-background: var(--oo-color-blue-700);
    --color-badge-color02-border: var(--oo-color-blue-700);
    --color-badge-color02-icon: var(--oo-color-white-100);
    --color-badge-color02-text: var(--oo-color-white-100);
    --color-badge-color03-background: var(--oo-color-black-900);
    --color-badge-color03-border: var(--oo-color-black-900);
    --color-badge-color03-icon: var(--oo-color-white-100);
    --color-badge-color03-text: var(--oo-color-white-100);
    --color-badge-color04-background: var(--oo-color-black-900);
    --color-badge-color04-border: var(--oo-color-black-900);
    --color-badge-color04-icon: var(--oo-color-white-100);
    --color-badge-color04-text: var(--oo-color-white-100);
    --color-badge-color05-background: var(--oo-color-black-900);
    --color-badge-color05-border: var(--oo-color-black-900);
    --color-badge-color05-icon: var(--oo-color-white-100);
    --color-badge-color05-text: var(--oo-color-white-100);
    --color-badge-color06-background: var(--oo-color-black-900);
    --color-badge-color06-border: var(--oo-color-black-900);
    --color-badge-color06-icon: var(--oo-color-white-100);
    --color-badge-color06-text: var(--oo-color-white-100);
    --color-badge-offer-background: var(--oo-color-black-900);
    --color-badge-offer-border: var(--oo-color-black-900);
    --color-badge-offer-icon: var(--oo-color-white-100);
    --color-badge-offer-text: var(--oo-color-white-100);
    --color-banner-primary-background: var(--oo-color-black-900);
    --color-banner-secondary-background: var(--oo-color-red-400);
    --color-banner-tertiary-background: var(--oo-color-blue-400);
    --color-button-primary-brand-active-background: var(--oo-color-neutral-500);
    --color-button-primary-brand-active-border: var(--oo-color-neutral-500);
    --color-button-primary-brand-active-icon: var(--oo-color-white-100);
    --color-button-primary-brand-active-text: var(--oo-color-white-100);
    --color-button-primary-brand-default-background: var(--oo-color-black-900);
    --color-button-primary-brand-default-border: var(--oo-color-black-900);
    --color-button-primary-brand-default-icon: var(--oo-color-white-100);
    --color-button-primary-brand-default-text: var(--oo-color-white-100);
    --color-button-primary-brand-disabled-background: var(--oo-color-black-50);
    --color-button-primary-brand-disabled-border: var(--oo-color-neutral-300);
    --color-button-primary-brand-disabled-icon: var(--oo-color-white-100);
    --color-button-primary-brand-disabled-text: var(--oo-color-white-100);
    --color-button-primary-brand-hover-background: var(--oo-color-neutral-500);
    --color-button-primary-brand-hover-border: var(--oo-color-neutral-500);
    --color-button-primary-brand-hover-icon: var(--oo-color-white-100);
    --color-button-primary-brand-hover-text: var(--oo-color-white-100);
    --color-button-primary-dark-active-background: var(--oo-color-neutral-500);
    --color-button-primary-dark-active-border: var(--oo-color-neutral-500);
    --color-button-primary-dark-active-icon: var(--oo-color-white-100);
    --color-button-primary-dark-active-text: var(--oo-color-white-100);
    --color-button-primary-dark-default-background: var(--oo-color-black-900);
    --color-button-primary-dark-default-border: var(--oo-color-black-900);
    --color-button-primary-dark-default-icon: var(--oo-color-white-100);
    --color-button-primary-dark-default-text: var(--oo-color-white-100);
    --color-button-primary-dark-disabled-background: var(--oo-color-neutral-300);
    --color-button-primary-dark-disabled-border: var(--oo-color-neutral-300);
    --color-button-primary-dark-disabled-icon: var(--oo-color-neutral-300);
    --color-button-primary-dark-disabled-text: var(--oo-color-neutral-300);
    --color-button-primary-dark-hover-background: var(--oo-color-neutral-500);
    --color-button-primary-dark-hover-border: var(--oo-color-neutral-500);
    --color-button-primary-dark-hover-icon: var(--oo-color-white-100);
    --color-button-primary-dark-hover-text: var(--oo-color-white-100);
    --color-button-primary-light-active-background: var(--oo-color-neutral-100);
    --color-button-primary-light-active-border: var(--oo-color-neutral-100);
    --color-button-primary-light-active-icon: var(--oo-color-black-900);
    --color-button-primary-light-active-text: var(--oo-color-black-900);
    --color-button-primary-light-default-background: var(--oo-color-white-100);
    --color-button-primary-light-default-border: var(--oo-color-white-100);
    --color-button-primary-light-default-icon: var(--oo-color-black-900);
    --color-button-primary-light-default-text: var(--oo-color-black-900);
    --color-button-primary-light-disabled-background: var(--oo-color-neutral-300);
    --color-button-primary-light-disabled-border: var(--oo-color-neutral-300);
    --color-button-primary-light-disabled-icon: var(--oo-color-neutral-300);
    --color-button-primary-light-disabled-text: var(--oo-color-neutral-300);
    --color-button-primary-light-hover-background: var(--oo-color-neutral-100);
    --color-button-primary-light-hover-border: var(--oo-color-neutral-100);
    --color-button-primary-light-hover-icon: var(--oo-color-black-900);
    --color-button-primary-light-hover-text: var(--oo-color-black-900);
    --color-button-secondary-brand-active-background: var(--oo-color-black-10);
    --color-button-secondary-brand-active-border: var(--oo-color-neutral-500);
    --color-button-secondary-brand-active-icon: var(--oo-color-neutral-500);
    --color-button-secondary-brand-active-text: var(--oo-color-neutral-500);
    --color-button-secondary-brand-default-background: var(--oo-color-black-0);
    --color-button-secondary-brand-default-border: var(--oo-color-black-900);
    --color-button-secondary-brand-default-icon: var(--oo-color-black-900);
    --color-button-secondary-brand-default-text: var(--oo-color-black-900);
    --color-button-secondary-brand-disabled-background: var(--oo-color-white-0);
    --color-button-secondary-brand-disabled-border: var(--oo-color-neutral-300);
    --color-button-secondary-brand-disabled-icon: var(--oo-color-neutral-300);
    --color-button-secondary-brand-disabled-text: var(--oo-color-neutral-300);
    --color-button-secondary-brand-hover-background: var(--oo-color-black-10);
    --color-button-secondary-brand-hover-border: var(--oo-color-neutral-500);
    --color-button-secondary-brand-hover-icon: var(--oo-color-neutral-500);
    --color-button-secondary-brand-hover-text: var(--oo-color-neutral-500);
    --color-button-secondary-dark-active-background: var(--oo-color-black-20);
    --color-button-secondary-dark-active-border: var(--oo-color-black-900);
    --color-button-secondary-dark-active-icon: var(--oo-color-black-900);
    --color-button-secondary-dark-active-text: var(--oo-color-black-900);
    --color-button-secondary-dark-default-background: var(--oo-color-black-0);
    --color-button-secondary-dark-default-border: var(--oo-color-black-900);
    --color-button-secondary-dark-default-icon: var(--oo-color-black-900);
    --color-button-secondary-dark-default-text: var(--oo-color-black-900);
    --color-button-secondary-dark-disabled-background: var(--oo-color-white-0);
    --color-button-secondary-dark-disabled-border: var(--oo-color-neutral-300);
    --color-button-secondary-dark-disabled-icon: var(--oo-color-neutral-300);
    --color-button-secondary-dark-disabled-text: var(--oo-color-neutral-300);
    --color-button-secondary-dark-hover-background: var(--oo-color-black-20);
    --color-button-secondary-dark-hover-border: var(--oo-color-black-900);
    --color-button-secondary-dark-hover-icon: var(--oo-color-black-900);
    --color-button-secondary-dark-hover-text: var(--oo-color-black-900);
    --color-button-secondary-light-active-background: var(--oo-color-white-10);
    --color-button-secondary-light-active-border: var(--oo-color-white-100);
    --color-button-secondary-light-active-icon: var(--oo-color-white-100);
    --color-button-secondary-light-active-text: var(--oo-color-white-100);
    --color-button-secondary-light-default-background: var(--oo-color-white-0);
    --color-button-secondary-light-default-border: var(--oo-color-white-100);
    --color-button-secondary-light-default-icon: var(--oo-color-white-100);
    --color-button-secondary-light-default-text: var(--oo-color-white-100);
    --color-button-secondary-light-disabled-background: var(--oo-color-white-0);
    --color-button-secondary-light-disabled-border: var(--oo-color-neutral-300);
    --color-button-secondary-light-disabled-icon: var(--oo-color-neutral-300);
    --color-button-secondary-light-disabled-text: var(--oo-color-neutral-300);
    --color-button-secondary-light-hover-background: var(--oo-color-white-10);
    --color-button-secondary-light-hover-border: var(--oo-color-white-100);
    --color-button-secondary-light-hover-icon: var(--oo-color-white-100);
    --color-button-secondary-light-hover-text: var(--oo-color-white-100);
    --color-button-tertiary-brand-active-icon: var(--oo-color-neutral-500);
    --color-button-tertiary-brand-active-text: var(--oo-color-neutral-500);
    --color-button-tertiary-brand-default-icon: var(--oo-color-black-900);
    --color-button-tertiary-brand-default-text: var(--oo-color-black-900);
    --color-button-tertiary-brand-disabled-icon: var(--oo-color-neutral-300);
    --color-button-tertiary-brand-disabled-text: var(--oo-color-neutral-300);
    --color-button-tertiary-brand-hover-icon: var(--oo-color-neutral-500);
    --color-button-tertiary-brand-hover-text: var(--oo-color-neutral-500);
    --color-button-tertiary-dark-active-icon: var(--oo-color-black-900);
    --color-button-tertiary-dark-active-text: var(--oo-color-black-900);
    --color-button-tertiary-dark-default-icon: var(--oo-color-black-900);
    --color-button-tertiary-dark-default-text: var(--oo-color-black-900);
    --color-button-tertiary-dark-disabled-icon: var(--oo-color-neutral-300);
    --color-button-tertiary-dark-disabled-text: var(--oo-color-neutral-300);
    --color-button-tertiary-dark-hover-icon: var(--oo-color-black-900);
    --color-button-tertiary-dark-hover-text: var(--oo-color-black-900);
    --color-button-tertiary-light-active-icon: var(--oo-color-white-100);
    --color-button-tertiary-light-active-text: var(--oo-color-white-100);
    --color-button-tertiary-light-default-icon: var(--oo-color-white-100);
    --color-button-tertiary-light-default-text: var(--oo-color-white-100);
    --color-button-tertiary-light-disabled-icon: var(--oo-color-neutral-300);
    --color-button-tertiary-light-disabled-text: var(--oo-color-neutral-300);
    --color-button-tertiary-light-hover-icon: var(--oo-color-white-100);
    --color-button-tertiary-light-hover-text: var(--oo-color-white-100);
    --color-calendar-current-background: var(--oo-color-black-10);
    --color-calendar-current-border: var(--oo-color-black-900);
    --color-calendar-current-icon: var(--oo-color-black-900);
    --color-calendar-current-text: var(--oo-color-black-900);
    --color-calendar-default-background: var(--oo-color-white-100);
    --color-calendar-default-border: var(--oo-color-white-100);
    --color-calendar-default-icon: var(--oo-color-black-900);
    --color-calendar-default-text: var(--oo-color-black-900);
    --color-calendar-disabled-background: var(--oo-color-black-50);
    --color-calendar-disabled-icon: var(--oo-color-neutral-400);
    --color-calendar-disabled-text: var(--oo-color-neutral-400);
    --color-calendar-hover-background: var(--oo-color-white-100);
    --color-calendar-hover-border: var(--oo-color-black-900);
    --color-calendar-hover-icon: var(--oo-color-black-900);
    --color-calendar-hover-text: var(--oo-color-black-900);
    --color-calendar-passed-background: var(--oo-color-white-100);
    --color-calendar-passed-border: var(--oo-color-white-100);
    --color-calendar-passed-icon: var(--oo-color-neutral-300);
    --color-calendar-passed-text: var(--oo-color-neutral-300);
    --color-calendar-selected-background: var(--oo-color-black-900);
    --color-calendar-selected-icon: var(--oo-color-white-100);
    --color-calendar-selected-text: var(--oo-color-white-100);
    --color-checkbox-default-background: var(--oo-color-white-100);
    --color-checkbox-default-border: var(--oo-color-neutral-300);
    --color-checkbox-default-icon: var(--oo-color-black-900);
    --color-checkbox-default-text: var(--oo-color-black-900);
    --color-checkbox-disabled-background: var(--oo-color-neutral-100);
    --color-checkbox-disabled-border: var(--oo-color-neutral-300);
    --color-checkbox-disabled-icon: var(--oo-color-neutral-500);
    --color-checkbox-disabled-text: var(--oo-color-neutral-500);
    --color-checkbox-error-background: var(--oo-color-white-100);
    --color-checkbox-error-border: var(--oo-color-red-500);
    --color-checkbox-error-icon: var(--oo-color-black-900);
    --color-checkbox-error-text: var(--oo-color-black-900);
    --color-checkbox-hover-background: var(--oo-color-white-100);
    --color-checkbox-hover-border: var(--oo-color-neutral-500);
    --color-checkbox-hover-icon: var(--oo-color-black-900);
    --color-checkbox-hover-text: var(--oo-color-black-900);
    --color-checkbox-selected-background: var(--oo-color-black-900);
    --color-checkbox-selected-border: var(--oo-color-black-900);
    --color-checkbox-selected-icon: var(--oo-color-white-100);
    --color-checkbox-selected-text: var(--oo-color-black-900);
    --color-divider-light-border: var(--oo-color-white-100);
    --color-divider-medium-border: var(--oo-color-neutral-300);
    --color-dropdown-default-background: var(--oo-color-white-100);
    --color-dropdown-default-border: var(--oo-color-black-900);
    --color-dropdown-default-icon: var(--oo-color-black-900);
    --color-dropdown-default-value: var(--oo-color-black-900);
    --color-dropdown-hover-background: var(--oo-color-black-10);
    --color-filter-default-background: var(--oo-color-neutral-100);
    --color-filter-default-border: var(--oo-color-neutral-300);
    --color-filter-default-icon: var(--oo-color-black-900);
    --color-filter-default-text: var(--oo-color-black-900);
    --color-filter-disabled-background: var(--oo-color-neutral-100);
    --color-filter-disabled-border: var(--oo-color-neutral-100);
    --color-filter-disabled-icon: var(--oo-color-neutral-300);
    --color-filter-disabled-text: var(--oo-color-neutral-300);
    --color-filter-hover-background: var(--oo-color-neutral-100);
    --color-filter-hover-border: var(--oo-color-black-900);
    --color-filter-hover-icon: var(--oo-color-black-900);
    --color-filter-hover-text: var(--oo-color-black-900);
    --color-filter-selected-background: var(--oo-color-black-900);
    --color-filter-selected-border: var(--oo-color-black-900);
    --color-filter-selected-icon: var(--oo-color-white-100);
    --color-filter-selected-text: var(--oo-color-white-100);
    --color-generic-brand-default-background: var(--oo-color-black-900);
    --color-generic-brand-default-border: var(--oo-color-black-900);
    --color-generic-brand-default-icon: var(--oo-color-black-900);
    --color-generic-brand-default-text: var(--oo-color-black-900);
    --color-generic-brand-on-color-icon: var(--oo-color-white-100);
    --color-generic-brand-on-color-text: var(--oo-color-white-100);
    --color-generic-focus-border: var(--oo-color-black-900);
    --color-generic-insurance-background: var(--oo-color-neutral-100);
    --color-generic-insurance-border: var(--oo-color-green-500);
    --color-generic-insurance-icon: var(--oo-color-green-500);
    --color-generic-insurance-text: var(--oo-color-green-500);
    --color-generic-link-default-icon: var(--oo-color-black-900);
    --color-generic-link-default-text: var(--oo-color-black-900);
    --color-generic-link-hover-icon: var(--oo-color-neutral-500);
    --color-generic-link-hover-text: var(--oo-color-neutral-500);
    --color-generic-neutral-dark-background: var(--oo-color-neutral-400);
    --color-generic-neutral-dark-border: var(--oo-color-neutral-400);
    --color-generic-neutral-dark-icon: var(--oo-color-neutral-500);
    --color-generic-neutral-dark-text: var(--oo-color-neutral-500);
    --color-generic-neutral-light-background: var(--oo-color-neutral-100);
    --color-generic-neutral-light-border: var(--oo-color-neutral-100);
    --color-generic-neutral-light-icon: var(--oo-color-neutral-100);
    --color-generic-neutral-light-text: var(--oo-color-neutral-100);
    --color-generic-neutral-medium-background: var(--oo-color-neutral-300);
    --color-generic-neutral-medium-border: var(--oo-color-neutral-300);
    --color-generic-neutral-medium-icon: var(--oo-color-neutral-400);
    --color-generic-neutral-medium-text: var(--oo-color-neutral-400);
    --color-generic-neutral-ultra-dark-background: var(--oo-color-black-900);
    --color-generic-neutral-ultra-dark-border: var(--oo-color-black-900);
    --color-generic-neutral-ultra-dark-icon: var(--oo-color-black-900);
    --color-generic-neutral-ultra-dark-text: var(--oo-color-black-900);
    --color-generic-neutral-ultra-light-background: var(--oo-color-white-100);
    --color-generic-neutral-ultra-light-border: var(--oo-color-white-100);
    --color-generic-neutral-ultra-light-icon: var(--oo-color-white-100);
    --color-generic-neutral-ultra-light-text: var(--oo-color-white-100);
    --color-generic-promotion-default-background: var(--oo-color-red-500);
    --color-generic-promotion-default-border: var(--oo-color-red-500);
    --color-generic-promotion-default-icon: var(--oo-color-teal-500);
    --color-generic-promotion-default-text: var(--oo-color-red-400);
    --color-generic-promotion-on-color-icon: var(--oo-color-white-100);
    --color-generic-promotion-on-color-text: var(--oo-color-white-100);
    --color-gradient-primary-stop-1: var(--oo-color-magenta-700);
    --color-gradient-primary-stop-2: var(--oo-color-magenta-500);
    --color-gradient-primary-stop-3: var(--oo-color-magenta-300);
    --color-gradient-primary-stop-4: var(--oo-color-magenta-200);
    --color-gradient-secondary-stop-1: var(--oo-color-black-900);
    --color-gradient-secondary-stop-2: var(--oo-color-black-900);
    --color-gradient-secondary-stop-3: var(--oo-color-black-900);
    --color-gradient-secondary-stop-4: var(--oo-color-black-900);
    --color-gradient-tertiary-stop-1: var(--oo-color-black-900);
    --color-gradient-tertiary-stop-2: var(--oo-color-black-900);
    --color-gradient-tertiary-stop-3: var(--oo-color-black-900);
    --color-gradient-tertiary-stop-4: var(--oo-color-black-900);
    --color-input-default-background: var(--oo-color-white-100);
    --color-input-default-border: var(--oo-color-neutral-300);
    --color-input-default-icon: var(--oo-color-neutral-300);
    --color-input-default-label: var(--oo-color-neutral-500);
    --color-input-default-value: var(--oo-color-neutral-300);
    --color-input-disabled-background: var(--oo-color-neutral-100);
    --color-input-disabled-border: var(--oo-color-neutral-300);
    --color-input-disabled-icon: var(--oo-color-neutral-300);
    --color-input-disabled-label: var(--oo-color-neutral-300);
    --color-input-disabled-value: var(--oo-color-neutral-300);
    --color-input-filled-background: var(--oo-color-white-100);
    --color-input-filled-border: var(--oo-color-neutral-300);
    --color-input-filled-icon: var(--oo-color-black-900);
    --color-input-filled-label: var(--oo-color-neutral-500);
    --color-input-filled-value: var(--oo-color-black-900);
    --color-input-focus-background: var(--oo-color-white-100);
    --color-input-focus-border: var(--oo-color-black-900);
    --color-input-focus-icon: var(--oo-color-black-900);
    --color-input-focus-label: var(--oo-color-neutral-500);
    --color-input-focus-value: var(--oo-color-black-900);
    --color-modal-background: var(--oo-color-neutral-100);
    --color-modal-icon: var(--oo-color-black-900);
    --color-modal-text: var(--oo-color-black-900);
    --color-modal-title: var(--oo-color-black-900);
    --color-overlay-brand-alpha-0: var(--oo-color-black-0);
    --color-overlay-brand-alpha-10: var(--oo-color-black-10);
    --color-overlay-brand-alpha-50: var(--oo-color-black-50);
    --color-overlay-dark-alpha-0: var(--oo-color-black-0);
    --color-overlay-dark-alpha-10: var(--oo-color-black-10);
    --color-overlay-dark-alpha-20: var(--oo-color-black-20);
    --color-overlay-dark-alpha-30: var(--oo-color-black-30);
    --color-overlay-dark-alpha-50: var(--oo-color-black-50);
    --color-overlay-dark-alpha-60: var(--oo-color-black-60);
    --color-overlay-dark-alpha-80: var(--oo-color-black-80);
    --color-overlay-light-alpha-0: var(--oo-color-white-0);
    --color-overlay-light-alpha-10: var(--oo-color-white-10);
    --color-overlay-light-alpha-20: var(--oo-color-white-20);
    --color-overlay-light-alpha-30: var(--oo-color-white-30);
    --color-overlay-light-alpha-50: var(--oo-color-white-50);
    --color-overlay-light-alpha-60: var(--oo-color-white-60);
    --color-overlay-light-alpha-80: var(--oo-color-white-80);
    --color-pagination-default-text: var(--oo-color-black-900);
    --color-pagination-hover-background: var(--oo-color-black-10);
    --color-pagination-hover-text: var(--oo-color-black-900);
    --color-pagination-selected-background: var(--oo-color-black-900);
    --color-pagination-selected-text: var(--oo-color-white-100);
    --color-promo-strip-default-background: var(--oo-color-black-900);
    --color-promo-strip-default-icon: var(--oo-color-white-100);
    --color-promo-strip-default-text: var(--oo-color-white-100);
    --color-promo-strip-hover-icon: var(--oo-color-neutral-100);
    --color-radio-default-background: var(--oo-color-white-100);
    --color-radio-default-border: var(--oo-color-black-900);
    --color-radio-default-icon: var(--oo-color-black-900);
    --color-radio-default-text: var(--oo-color-black-900);
    --color-radio-disabled-background: var(--oo-color-neutral-300);
    --color-radio-disabled-border: var(--oo-color-neutral-300);
    --color-radio-disabled-icon: var(--oo-color-white-100);
    --color-radio-disabled-text: var(--oo-color-neutral-400);
    --color-radio-error-background: var(--oo-color-white-100);
    --color-radio-error-border: var(--oo-color-red-600);
    --color-radio-error-icon: var(--oo-color-black-900);
    --color-radio-error-text: var(--oo-color-black-900);
    --color-radio-hover-background: var(--oo-color-white-100);
    --color-radio-hover-border: var(--oo-color-black-10);
    --color-radio-hover-icon: var(--oo-color-black-900);
    --color-radio-hover-text: var(--oo-color-black-900);
    --color-radio-selected-background: var(--oo-color-black-900);
    --color-radio-selected-border: var(--oo-color-black-900);
    --color-radio-selected-icon: var(--oo-color-white-100);
    --color-radio-selected-text: var(--oo-color-black-900);
    --color-scrollbar-background: var(--oo-color-neutral-100);
    --color-scrollbar-thumb: var(--oo-color-neutral-300);
    --color-slider-default-background: var(--oo-color-neutral-300);
    --color-slider-default-border: var(--oo-color-neutral-300);
    --color-slider-default-icon: var(--oo-color-white-100);
    --color-slider-default-text: var(--oo-color-black-900);
    --color-slider-selected-background: var(--oo-color-black-900);
    --color-stepper-brand-active-background: var(--oo-color-black-900);
    --color-stepper-brand-active-border: var(--oo-color-black-900);
    --color-stepper-brand-active-icon: var(--oo-color-black-900);
    --color-stepper-brand-active-text: var(--oo-color-black-900);
    --color-stepper-brand-active-title: var(--oo-color-black-900);
    --color-stepper-brand-checked-background: var(--oo-color-black-900);
    --color-stepper-brand-checked-border: var(--oo-color-black-900);
    --color-stepper-brand-checked-icon: var(--oo-color-white-100);
    --color-stepper-brand-checked-text: var(--oo-color-black-900);
    --color-stepper-brand-checked-title: var(--oo-color-black-900);
    --color-stepper-brand-default-background: var(--oo-color-neutral-300);
    --color-stepper-brand-default-border: var(--oo-color-neutral-300);
    --color-stepper-brand-default-icon: var(--oo-color-neutral-400);
    --color-stepper-brand-default-text: var(--oo-color-neutral-400);
    --color-stepper-brand-default-title: var(--oo-color-neutral-400);
    --color-stepper-light-active-background: var(--oo-color-white-100);
    --color-stepper-light-active-border: var(--oo-color-white-100);
    --color-stepper-light-active-icon: var(--oo-color-black-900);
    --color-stepper-light-active-text: var(--oo-color-black-900);
    --color-stepper-light-active-title: var(--oo-color-black-900);
    --color-stepper-light-checked-background: var(--oo-color-white-100);
    --color-stepper-light-checked-border: var(--oo-color-white-100);
    --color-stepper-light-checked-icon: var(--oo-color-black-900);
    --color-stepper-light-checked-text: var(--oo-color-black-900);
    --color-stepper-light-checked-title: var(--oo-color-black-900);
    --color-stepper-light-default-background: var(--oo-color-white-10);
    --color-stepper-light-default-border: var(--oo-color-white-10);
    --color-stepper-light-default-icon: var(--oo-color-neutral-400);
    --color-stepper-light-default-text: var(--oo-color-neutral-400);
    --color-stepper-light-default-title: var(--oo-color-neutral-400);
    --color-switch-brand-default-background: var(--oo-color-neutral-300);
    --color-switch-brand-default-border: var(--oo-color-neutral-300);
    --color-switch-brand-default-icon: var(--oo-color-white-100);
    --color-switch-brand-disabled-background: var(--oo-color-neutral-300);
    --color-switch-brand-disabled-border: var(--oo-color-neutral-300);
    --color-switch-brand-disabled-icon: var(--oo-color-white-100);
    --color-switch-brand-hover-background: var(--oo-color-neutral-300);
    --color-switch-brand-hover-border: var(--oo-color-neutral-300);
    --color-switch-brand-hover-icon: var(--oo-color-white-100);
    --color-switch-brand-selected-background: var(--oo-color-black-900);
    --color-switch-brand-selected-border: var(--oo-color-black-900);
    --color-switch-brand-selected-icon: var(--oo-color-white-100);
    --color-switch-insurance-default-background: var(--oo-color-neutral-300);
    --color-switch-insurance-default-border: var(--oo-color-neutral-300);
    --color-switch-insurance-default-icon: var(--oo-color-white-100);
    --color-switch-insurance-disabled-background: var(--oo-color-neutral-300);
    --color-switch-insurance-disabled-border: var(--oo-color-neutral-300);
    --color-switch-insurance-disabled-icon: var(--oo-color-white-100);
    --color-switch-insurance-hover-background: var(--oo-color-green-100);
    --color-switch-insurance-hover-border: var(--oo-color-green-100);
    --color-switch-insurance-hover-icon: var(--oo-color-white-100);
    --color-switch-insurance-selected-background: var(--oo-color-green-500);
    --color-switch-insurance-selected-border: var(--oo-color-green-500);
    --color-switch-insurance-selected-icon: var(--oo-color-white-100);
    --color-tab-brand-default-border: var(--oo-color-neutral-300);
    --color-tab-brand-default-icon: var(--oo-color-neutral-300);
    --color-tab-brand-default-text: var(--oo-color-neutral-300);
    --color-tab-brand-hover-border: var(--oo-color-neutral-500);
    --color-tab-brand-hover-icon: var(--oo-color-neutral-500);
    --color-tab-brand-hover-text: var(--oo-color-neutral-500);
    --color-tab-brand-selected-border: var(--oo-color-black-900);
    --color-tab-brand-selected-icon: var(--oo-color-black-900);
    --color-tab-brand-selected-text: var(--oo-color-black-900);
    --color-tab-light-default-border: var(--oo-color-neutral-300);
    --color-tab-light-default-icon: var(--oo-color-neutral-300);
    --color-tab-light-default-text: var(--oo-color-neutral-300);
    --color-tab-light-hover-border: var(--oo-color-white-100);
    --color-tab-light-hover-icon: var(--oo-color-white-100);
    --color-tab-light-hover-text: var(--oo-color-white-100);
    --color-tab-light-selected-border: var(--oo-color-white-100);
    --color-tab-light-selected-icon: var(--oo-color-white-100);
    --color-tab-light-selected-text: var(--oo-color-white-100);
    --color-table-body-default-background: var(--oo-color-white-100);
    --color-table-body-default-border: var(--oo-color-neutral-300);
    --color-table-body-default-icon: var(--oo-color-black-900);
    --color-table-body-default-text: var(--oo-color-neutral-500);
    --color-table-body-filled-text: var(--oo-color-black-900);
    --color-table-body-hover-background: var(--oo-color-black-10);
    --color-table-body-hover-border: var(--oo-color-black-900);
    --color-table-body-hover-icon: var(--oo-color-black-900);
    --color-table-body-hover-text: var(--oo-color-black-900);
    --color-table-body-selected-background: var(--oo-color-white-100);
    --color-table-body-selected-border: var(--oo-color-black-900);
    --color-table-body-selected-icon: var(--oo-color-black-900);
    --color-table-body-selected-text: var(--oo-color-black-900);
    --color-table-controllers-background: var(--oo-color-black-900);
    --color-table-controllers-divider: var(--oo-color-neutral-300);
    --color-table-controllers-text: var(--oo-color-white-100);
    --color-table-header-default-background: var(--oo-color-neutral-100);
    --color-table-header-default-border: var(--oo-color-neutral-300);
    --color-table-header-default-text: var(--oo-color-black-900);
    --color-table-header-selected-border: var(--oo-color-black-900);
    --color-tile-default-background: var(--oo-color-white-100);
    --color-tile-default-border: var(--oo-color-neutral-300);
    --color-tile-default-icon: var(--oo-color-black-900);
    --color-tile-default-text: var(--oo-color-black-900);
    --color-tile-default-title: var(--oo-color-black-900);
    --color-tile-disabled-background: var(--oo-color-white-100);
    --color-tile-disabled-border: var(--oo-color-neutral-300);
    --color-tile-disabled-icon: var(--oo-color-neutral-400);
    --color-tile-disabled-text: var(--oo-color-neutral-400);
    --color-tile-disabled-title: var(--oo-color-neutral-400);
    --color-tile-hover-border: var(--oo-color-black-900);
    --color-tooltip-brand-background: var(--oo-color-black-900);
    --color-tooltip-brand-border: var(--oo-color-black-900);
    --color-tooltip-brand-icon: var(--oo-color-white-100);
    --color-tooltip-brand-link: var(--oo-color-white-100);
    --color-tooltip-brand-text: var(--oo-color-white-100);
    --color-tooltip-brand-title: var(--oo-color-white-100);
    --color-tooltip-dark-background: var(--oo-color-black-900);
    --color-tooltip-dark-border: var(--oo-color-black-900);
    --color-tooltip-dark-icon: var(--oo-color-white-100);
    --color-tooltip-dark-link: var(--oo-color-white-100);
    --color-tooltip-dark-text: var(--oo-color-white-100);
    --color-tooltip-dark-title: var(--oo-color-white-100);
    --color-tooltip-light-background: var(--oo-color-white-100);
    --color-tooltip-light-border: var(--oo-color-white-100);
    --color-tooltip-light-icon: var(--oo-color-black-900);
    --color-tooltip-light-link: var(--oo-color-black-900);
    --color-tooltip-light-text: var(--oo-color-black-900);
    --color-tooltip-light-title: var(--oo-color-black-900);
    --color-upload-default-background: var(--oo-color-white-100);
    --color-upload-default-border: var(--oo-color-black-900);
    --color-upload-default-icon: var(--oo-color-black-900);
    --color-upload-default-text: var(--oo-color-black-900);
    --color-upload-focus-background: var(--oo-color-black-10);
    --color-upload-focus-border: var(--oo-color-neutral-500);
    --color-upload-focus-icon: var(--oo-color-neutral-500);
    --color-upload-focus-text: var(--oo-color-neutral-500);
    --radius-alert: 0.375rem;
    --radius-badge-color01: var(--oo-radius-md);
    --radius-badge-color02: var(--oo-radius-md);
    --radius-badge-color03: var(--oo-radius-md);
    --radius-badge-color04: var(--oo-radius-md);
    --radius-badge-color05: var(--oo-radius-md);
    --radius-badge-color06: var(--oo-radius-md);
    --radius-badge-offer: var(--oo-radius-md);
    --radius-button-default: 999px;
    --radius-calendar-default: var(--oo-radius-lg);
    --radius-checkbox-default: var(--oo-radius-xs);
    --radius-generic-desktop: 0.5rem;
    --radius-generic-mobile: 0.5rem;
    --radius-generic-tablet-landscape: 0.5rem;
    --radius-generic-tablet-portrait: 0.5rem;
    --radius-input-default: 0.375rem;
    --radius-modal-desktop: 0.75rem;
    --radius-modal-mobile: 0.5rem;
    --radius-modal-tablet: 0.625rem;
    --radius-scrollbar: 0.25rem;
    --radius-tile-desktop: var(--oo-radius-xl);
    --radius-tile-mobile: 0.5rem;
    --radius-tile-tablet: var(--oo-radius-xl);
    --radius-tooltip-default: var(--oo-radius-lg);
    --radius-upload-default: var(--oo-radius-md);
    --spacing-button-large-bottom: var(--oo-spacing-md);
    --spacing-button-large-gap: var(--oo-spacing-xs);
    --spacing-button-large-left: var(--oo-spacing-md);
    --spacing-button-large-right: var(--oo-spacing-md);
    --spacing-button-large-top: var(--oo-spacing-md);
    --spacing-button-medium-bottom: var(--oo-spacing-sm);
    --spacing-button-medium-gap: var(--oo-spacing-xs);
    --spacing-button-medium-left: var(--oo-spacing-lg);
    --spacing-button-medium-right: var(--oo-spacing-lg);
    --spacing-button-medium-top: var(--oo-spacing-sm);
    --spacing-button-small-bottom: var(--oo-spacing-xs);
    --spacing-button-small-gap: var(--oo-spacing-xs);
    --spacing-button-small-left: var(--oo-spacing-md);
    --spacing-button-small-right: var(--oo-spacing-md);
    --spacing-button-small-top: var(--oo-spacing-xs);
    --stroke-alert-default: var(--oo-stroke-md);
    --stroke-button-default: var(--oo-stroke-xs);
    --stroke-button-hover: var(--oo-stroke-md);
    --stroke-calendar-default: var(--oo-stroke-xs);
    --stroke-calendar-hover: var(--oo-stroke-md);
    --stroke-checkbox-default: var(--oo-stroke-xs);
    --stroke-checkbox-hover: var(--oo-stroke-md);
    --stroke-divider-default: var(--oo-stroke-xs);
    --stroke-filter-default: var(--oo-stroke-xs);
    --stroke-filter-hover: var(--oo-stroke-xs);
    --stroke-generic-base: var(--oo-stroke-md);
    --stroke-generic-heavy: var(--oo-stroke-xl);
    --stroke-generic-thick: var(--oo-stroke-lg);
    --stroke-generic-thin: var(--oo-stroke-xs);
    --stroke-input-default: var(--oo-stroke-xs);
    --stroke-input-focus: var(--oo-stroke-xs);
    --stroke-radio-default: var(--oo-stroke-sm);
    --stroke-radio-hover: var(--oo-stroke-lg);
    --stroke-tab-default: var(--oo-stroke-xs);
    --stroke-tab-disabled: var(--oo-stroke-xs);
    --stroke-tab-hover: var(--oo-stroke-md);
    --stroke-tab-selected: var(--oo-stroke-md);
    --stroke-table-body-default: var(--oo-stroke-xs);
    --stroke-table-body-selected: var(--oo-stroke-md);
    --stroke-table-header-default: var(--oo-stroke-xs);
    --stroke-table-header-selected: var(--oo-stroke-md);
    --stroke-tile-default: var(--oo-stroke-xs);
    --stroke-tile-hover: var(--oo-stroke-md);
    --stroke-tile-selected: var(--oo-stroke-md);
    --text-neutral-secondary-inverse: rgb(242, 242, 242);
    --typography-body-2xl-bold-weight: var(--oo-typography-font-weight-plain);
    --typography-body-2xl-family: var(--oo-typography-font-family-secondary);
    --typography-body-2xl-letter-spacing: var(--oo-typography-letter-spacing-none);
    --typography-body-2xl-line-height: var(--oo-typography-line-height-6xl);
    --typography-body-2xl-regular-weight: var(--oo-typography-font-weight-plain);
    --typography-body-2xl-size: var(--oo-typography-font-size-3xl);
    --typography-body-3xl-bold-weight: var(--oo-typography-font-weight-plain);
    --typography-body-3xl-family: var(--oo-typography-font-family-secondary);
    --typography-body-3xl-letter-spacing: var(--oo-typography-letter-spacing-none);
    --typography-body-3xl-line-height: var(--oo-typography-line-height-6xl);
    --typography-body-3xl-regular-weight: var(--oo-typography-font-weight-plain);
    --typography-body-3xl-size: var(--oo-typography-font-size-3xl);
    --typography-body-4xl-bold-weight: var(--oo-typography-font-weight-plain);
    --typography-body-4xl-family: var(--oo-typography-font-family-secondary);
    --typography-body-4xl-letter-spacing: var(--oo-typography-letter-spacing-none);
    --typography-body-4xl-line-height: var(--oo-typography-line-height-9xl);
    --typography-body-4xl-regular-weight: var(--oo-typography-font-weight-plain);
    --typography-body-4xl-size: var(--oo-typography-font-size-6xl);
    --typography-body-5xl-bold-weight: var(--oo-typography-font-weight-plain);
    --typography-body-5xl-family: var(--oo-typography-font-family-secondary);
    --typography-body-5xl-letter-spacing: var(--oo-typography-letter-spacing-none);
    --typography-body-5xl-line-height: var(--oo-typography-line-height-11xl);
    --typography-body-5xl-regular-weight: var(--oo-typography-font-weight-plain);
    --typography-body-5xl-size: var(--oo-typography-font-size-8xl);
    --typography-body-6xl-bold-weight: var(--oo-typography-font-weight-demi-bold);
    --typography-body-6xl-family: var(--oo-typography-font-family-secondary);
    --typography-body-6xl-letter-spacing: var(--oo-typography-letter-spacing-none);
    --typography-body-6xl-line-height: var(--oo-typography-line-height-12xl);
    --typography-body-6xl-regular-weight: var(--oo-typography-font-weight-plain);
    --typography-body-6xl-size: var(--oo-typography-font-size-9xl);
    --typography-body-7xl-bold-weight: var(--oo-typography-font-weight-plain);
    --typography-body-7xl-family: var(--oo-typography-font-family-secondary);
    --typography-body-7xl-letter-spacing: var(--oo-typography-letter-spacing-none);
    --typography-body-7xl-line-height: var(--oo-typography-line-height-13xl);
    --typography-body-7xl-regular-weight: var(--oo-typography-font-weight-plain);
    --typography-body-7xl-size: var(--oo-typography-font-size-10xl);
    --typography-body-base-bold-weight: var(--oo-typography-font-weight-medium);
    --typography-body-base-family: var(--oo-typography-font-family-primary);
    --typography-body-base-letter-spacing: var(--oo-typography-letter-spacing-none);
    --typography-body-base-line-height: var(--oo-typography-line-height-xl);
    --typography-body-base-regular-weight: var(--oo-typography-font-weight-regular);
    --typography-body-base-size: var(--oo-typography-font-size-md);
    --typography-body-lg-bold-weight: var(--oo-typography-font-weight-medium);
    --typography-body-lg-family: var(--oo-typography-font-family-primary);
    --typography-body-lg-letter-spacing: var(--oo-typography-letter-spacing-none);
    --typography-body-lg-line-height: var(--oo-typography-line-height-3xl);
    --typography-body-lg-regular-weight: var(--oo-typography-font-weight-medium);
    --typography-body-lg-size: var(--oo-typography-font-size-xl);
    --typography-body-sm-bold-weight: var(--oo-typography-font-weight-medium);
    --typography-body-sm-family: var(--oo-typography-font-family-primary);
    --typography-body-sm-letter-spacing: var(--oo-typography-letter-spacing-none);
    --typography-body-sm-line-height: var(--oo-typography-line-height-lg);
    --typography-body-sm-regular-weight: var(--oo-typography-font-weight-regular);
    --typography-body-sm-size: var(--oo-typography-font-size-sm);
    --typography-body-xl-bold-weight: var(--oo-typography-font-weight-medium);
    --typography-body-xl-family: var(--oo-typography-font-family-primary);
    --typography-body-xl-letter-spacing: var(--oo-typography-letter-spacing-none);
    --typography-body-xl-line-height: var(--oo-typography-line-height-3xl);
    --typography-body-xl-regular-weight: var(--oo-typography-font-weight-medium);
    --typography-body-xl-size: var(--oo-typography-font-size-xl);
    --typography-body-xs-bold-weight: var(--oo-typography-font-weight-medium);
    --typography-body-xs-family: var(--oo-typography-font-family-primary);
    --typography-body-xs-letter-spacing: var(--oo-typography-letter-spacing-none);
    --typography-body-xs-line-height: var(--oo-typography-line-height-md);
    --typography-body-xs-regular-weight: var(--oo-typography-font-weight-regular);
    --typography-body-xs-size: var(--oo-typography-font-size-xs);
    --typography-button-large-family: var(--oo-typography-font-family-primary);
    --typography-button-large-letter-spacing: var(--oo-typography-letter-spacing-wide);
    --typography-button-large-line-height: var(--oo-typography-line-height-md);
    --typography-button-large-size: var(--oo-typography-font-size-md);
    --typography-button-large-weight: var(--oo-typography-font-weight-bold);
    --typography-button-medium-family: var(--oo-typography-font-family-primary);
    --typography-button-medium-letter-spacing: var(--oo-typography-letter-spacing-wide);
    --typography-button-medium-line-height: var(--oo-typography-line-height-sm);
    --typography-button-medium-size: var(--oo-typography-font-size-sm);
    --typography-button-medium-weight: var(--oo-typography-font-weight-bold);
    --typography-button-small-family: var(--oo-typography-font-family-primary);
    --typography-button-small-letter-spacing: var(--oo-typography-letter-spacing-wide);
    --typography-button-small-line-height: var(--oo-typography-line-height-xs);
    --typography-button-small-size: var(--oo-typography-font-size-xs);
    --typography-button-small-weight: var(--oo-typography-font-weight-bold);
    --typography-h1-desktop-letter-spacing: var(--oo-typography-letter-spacing-wide);
    --typography-h1-desktop-line-height: var(--oo-typography-line-height-10xl);
    --typography-h1-desktop-size: var(--oo-typography-font-size-7xl);
    --typography-h1-family: var(--oo-typography-font-family-primary);
    --typography-h1-mobile-letter-spacing: var(--oo-typography-letter-spacing-wide);
    --typography-h1-mobile-line-height: var(--oo-typography-line-height-7xl);
    --typography-h1-mobile-size: var(--oo-typography-font-size-4xl);
    --typography-h1-tablet-letter-spacing: var(--oo-typography-letter-spacing-wide);
    --typography-h1-tablet-line-height: var(--oo-typography-line-height-7xl);
    --typography-h1-tablet-size: var(--oo-typography-font-size-4xl);
    --typography-h1-weight: var(--oo-typography-font-weight-heavy);
    --typography-h2-desktop-letter-spacing: var(--oo-typography-letter-spacing-wide);
    --typography-h2-desktop-line-height: var(--oo-typography-line-height-8xl);
    --typography-h2-desktop-size: var(--oo-typography-font-size-5xl);
    --typography-h2-family: var(--oo-typography-font-family-primary);
    --typography-h2-mobile-letter-spacing: var(--oo-typography-letter-spacing-wide);
    --typography-h2-mobile-line-height: var(--oo-typography-line-height-4xl);
    --typography-h2-mobile-size: var(--oo-typography-font-size-2xl);
    --typography-h2-tablet-letter-spacing: var(--oo-typography-letter-spacing-wide);
    --typography-h2-tablet-line-height: var(--oo-typography-line-height-4xl);
    --typography-h2-tablet-size: var(--oo-typography-font-size-2xl);
    --typography-h2-weight: var(--oo-typography-font-weight-heavy);
    --typography-h3-desktop-letter-spacing: var(--oo-typography-letter-spacing-wide);
    --typography-h3-desktop-line-height: var(--oo-typography-line-height-5xl);
    --typography-h3-desktop-size: var(--oo-typography-font-size-2xl);
    --typography-h3-family: var(--oo-typography-font-family-primary);
    --typography-h3-mobile-letter-spacing: var(--oo-typography-letter-spacing-wide);
    --typography-h3-mobile-line-height: var(--oo-typography-line-height-lg);
    --typography-h3-mobile-size: var(--oo-typography-font-size-lg);
    --typography-h3-tablet-letter-spacing: var(--oo-typography-letter-spacing-wide);
    --typography-h3-tablet-line-height: var(--oo-typography-line-height-lg);
    --typography-h3-tablet-size: var(--oo-typography-font-size-lg);
    --typography-h3-weight: var(--oo-typography-font-weight-heavy);
    --typography-h4-desktop-letter-spacing: var(--oo-typography-letter-spacing-none);
    --typography-h4-desktop-line-height: var(--oo-typography-line-height-md);
    --typography-h4-desktop-size: var(--oo-typography-font-size-md);
    --typography-h4-family: var(--oo-typography-font-family-primary);
    --typography-h4-mobile-letter-spacing: var(--oo-typography-letter-spacing-none);
    --typography-h4-mobile-line-height: var(--oo-typography-line-height-md);
    --typography-h4-mobile-size: var(--oo-typography-font-size-md);
    --typography-h4-tablet-letter-spacing: var(--oo-typography-letter-spacing-none);
    --typography-h4-tablet-line-height: var(--oo-typography-line-height-md);
    --typography-h4-tablet-size: var(--oo-typography-font-size-md);
    --typography-h4-weight: var(--oo-typography-font-weight-heavy);
    --typography-h5-desktop-letter-spacing: var(--oo-typography-letter-spacing-none);
    --typography-h5-desktop-line-height: var(--oo-typography-line-height-2xl);
    --typography-h5-desktop-size: var(--oo-typography-font-size-sm);
    --typography-h5-family: var(--oo-typography-font-family-primary);
    --typography-h5-mobile-letter-spacing: var(--oo-typography-letter-spacing-none);
    --typography-h5-mobile-line-height: var(--oo-typography-line-height-sm);
    --typography-h5-mobile-size: var(--oo-typography-font-size-sm);
    --typography-h5-tablet-letter-spacing: var(--oo-typography-letter-spacing-none);
    --typography-h5-tablet-line-height: var(--oo-typography-line-height-sm);
    --typography-h5-tablet-size: var(--oo-typography-font-size-sm);
    --typography-h5-weight: var(--oo-typography-font-weight-medium);
    --typography-h6-desktop-letter-spacing: var(--oo-typography-letter-spacing-none);
    --typography-h6-desktop-line-height: var(--oo-typography-line-height-sm);
    --typography-h6-desktop-size: var(--oo-typography-font-size-xs);
    --typography-h6-family: var(--oo-typography-font-family-primary);
    --typography-h6-mobile-letter-spacing: var(--oo-typography-letter-spacing-none);
    --typography-h6-mobile-line-height: var(--oo-typography-line-height-sm);
    --typography-h6-mobile-size: var(--oo-typography-font-size-xs);
    --typography-h6-tablet-letter-spacing: var(--oo-typography-letter-spacing-none);
    --typography-h6-tablet-line-height: var(--oo-typography-line-height-sm);
    --typography-h6-tablet-size: var(--oo-typography-font-size-xs);
    --typography-h6-weight: var(--oo-typography-font-weight-medium);
  }
}