/**
 * Do not edit directly, this file was auto-generated.
 */

.dark {
  --color-content-accent: var(--color-accent-300);
  --color-content-accent-on-strong: var(--color-accent-950);
  --color-content-accent-on-subtle: var(--color-accent-100);
  --color-content-action: var(--color-brand-100);
  --color-content-action-on-strong: var(--color-brand-950);
  --color-content-action-on-subtle: var(--color-brand-100);
  --color-content-brand: var(--color-brand-300);
  --color-content-brand-on-strong: var(--color-brand-950);
  --color-content-brand-on-subtle: var(--color-brand-100);
  --color-content-danger: var(--color-red-300);
  --color-content-danger-on-strong: var(--color-red-900);
  --color-content-danger-on-subtle: var(--color-red-100);
  --color-content-info: var(--color-sky-500);
  --color-content-link: var(--color-white);
  --color-content-link-visited: var(--color-purple-200);
  --color-content-neutral: var(--color-base-300);
  --color-content-neutral-on-strong: var(--color-base-900);
  --color-content-neutral-on-subtle: var(--color-base-100);
  --color-content-primary: var(--color-white);
  --color-content-secondary: var(--color-base-300);
  --color-content-selected: var(--color-brand-100);
  --color-content-success: var(--color-green-600);
  --color-content-tertiary: var(--color-base-400);
  --color-content-warning: var(--color-amber-600);
  --color-stroke-action: var(--color-brand-300);
  --color-stroke-danger: var(--color-red-300);
  --color-stroke-focus: var(--color-brand-300);
  --color-stroke-hover: var(--color-base-50);
  --color-stroke-info: var(--color-sky-200);
  --color-stroke-primary: var(--color-base-400);
  --color-stroke-ring: var(--color-white);
  --color-stroke-secondary: var(--color-base-800);
  --color-stroke-success: var(--color-green-200);
  --color-stroke-warning: var(--color-amber-300);
  --color-surface-accent-strong: var(--color-accent-300);
  --color-surface-accent-subtle: var(--color-accent-900);
  --color-surface-accent-tint: var(--color-accent-950);
  --color-surface-action-strong: var(--color-brand-300);
  --color-surface-action-strong-active: var(--color-brand-100);
  --color-surface-action-strong-hover: var(--color-brand-200);
  --color-surface-action-subtle: var(--color-brand-900);
  --color-surface-action-subtle-active: var(--color-brand-700);
  --color-surface-action-subtle-hover: var(--color-brand-800);
  --color-surface-action-tint: var(--color-brand-950);
  --color-surface-action-tint-active: var(--color-brand-800);
  --color-surface-action-tint-hover: var(--color-brand-900);
  --color-surface-background: var(--color-base-950);
  --color-surface-brand-strong: var(--color-brand-300);
  --color-surface-brand-subtle: var(--color-brand-900);
  --color-surface-brand-tint: var(--color-brand-950);
  --color-surface-danger-strong: var(--color-red-200);
  --color-surface-danger-strong-active: var(--color-red-50);
  --color-surface-danger-strong-hover: var(--color-red-100);
  --color-surface-danger-subtle: var(--color-red-900);
  --color-surface-danger-subtle-active: var(--color-red-700);
  --color-surface-danger-subtle-hover: var(--color-red-800);
  --color-surface-danger-tint: var(--color-red-950);
  --color-surface-danger-tint-active: var(--color-red-800);
  --color-surface-danger-tint-hover: var(--color-red-900);
  --color-surface-info-strong: var(--color-sky-300);
  --color-surface-info-strong-active: var(--color-sky-100);
  --color-surface-info-strong-hover: var(--color-sky-200);
  --color-surface-info-subtle: var(--color-sky-900);
  --color-surface-info-subtle-active: var(--color-sky-700);
  --color-surface-info-subtle-hover: var(--color-sky-800);
  --color-surface-info-tint: var(--color-sky-950);
  --color-surface-info-tint-active: var(--color-sky-800);
  --color-surface-info-tint-hover: var(--color-sky-900);
  --color-surface-neutral-strong: var(--color-base-300);
  --color-surface-neutral-strong-active: var(--color-base-100);
  --color-surface-neutral-strong-hover: var(--color-base-200);
  --color-surface-neutral-subtle: var(--color-base-900);
  --color-surface-neutral-subtle-active: var(--color-base-700);
  --color-surface-neutral-subtle-hover: var(--color-base-800);
  --color-surface-neutral-tint: var(--color-base-950);
  --color-surface-neutral-tint-active: var(--color-base-800);
  --color-surface-neutral-tint-hover: var(--color-base-900);
  --color-surface-primary: var(--color-base-950);
  --color-surface-primary-active: var(--color-base-800);
  --color-surface-primary-hover: var(--color-base-900);
  --color-surface-secondary: var(--color-base-900);
  --color-surface-secondary-active: var(--color-base-700);
  --color-surface-secondary-hover: var(--color-base-800);
  --color-surface-success-strong: var(--color-green-300);
  --color-surface-success-strong-active: var(--color-green-100);
  --color-surface-success-strong-hover: var(--color-green-200);
  --color-surface-success-subtle: var(--color-green-900);
  --color-surface-success-subtle-active: var(--color-green-700);
  --color-surface-success-subtle-hover: var(--color-green-800);
  --color-surface-success-tint: var(--color-green-950);
  --color-surface-success-tint-active: var(--color-green-800);
  --color-surface-success-tint-hover: var(--color-green-900);
  --color-surface-tertiary: var(--color-brand-900);
  --color-surface-warning-strong: var(--color-amber-300);
  --color-surface-warning-strong-active: var(--color-amber-100);
  --color-surface-warning-strong-hover: var(--color-amber-200);
  --color-surface-warning-subtle: var(--color-amber-900);
  --color-surface-warning-subtle-active: var(--color-amber-700);
  --color-surface-warning-subtle-hover: var(--color-amber-800);
  --color-surface-warning-tint: var(--color-amber-950);
  --color-surface-warning-tint-active: var(--color-amber-800);
  --color-surface-warning-tint-hover: var(--color-amber-900);
  --opacity-hover: 0.08;
  --opacity-selected: 0.12;
  --opacity-selected-focus: 0.24;
  --opacity-selected-hover: 0.2;
}

.light {
  --color-content-accent: var(--color-accent-700);
  --color-content-accent-on-strong: var(--color-white);
  --color-content-accent-on-subtle: var(--color-accent-800);
  --color-content-action: var(--color-brand-700);
  --color-content-action-on-strong: var(--color-white);
  --color-content-action-on-subtle: var(--color-brand-800);
  --color-content-brand: var(--color-brand-700);
  --color-content-brand-on-strong: var(--color-white);
  --color-content-brand-on-subtle: var(--color-brand-800);
  --color-content-danger: var(--color-red-700);
  --color-content-danger-on-strong: var(--color-white);
  --color-content-danger-on-subtle: var(--color-red-900);
  --color-content-info: var(--color-sky-700);
  --color-content-link: var(--color-blue-600);
  --color-content-link-visited: var(--color-purple-800);
  --color-content-neutral: var(--color-base-700);
  --color-content-neutral-on-strong: var(--color-white);
  --color-content-neutral-on-subtle: var(--color-base-800);
  --color-content-primary: var(--color-base-950);
  --color-content-secondary: var(--color-base-600);
  --color-content-selected: var(--color-brand-700);
  --color-content-success: var(--color-green-700);
  --color-content-tertiary: var(--color-base-500);
  --color-content-warning: var(--color-amber-700);
  --color-stroke-action: var(--color-brand-700);
  --color-stroke-danger: var(--color-red-700);
  --color-stroke-focus: var(--color-brand-700);
  --color-stroke-hover: var(--color-base-950);
  --color-stroke-info: var(--color-sky-700);
  --color-stroke-primary: var(--color-base-500);
  --color-stroke-ring: var(--color-base-950);
  --color-stroke-secondary: var(--color-base-200);
  --color-stroke-success: var(--color-green-600);
  --color-stroke-warning: var(--color-amber-700);
  --color-surface-accent-strong: var(--color-accent-700);
  --color-surface-accent-subtle: var(--color-accent-200);
  --color-surface-accent-tint: var(--color-accent-50);
  --color-surface-action-strong: var(--color-brand-700);
  --color-surface-action-strong-active: var(--color-brand-900);
  --color-surface-action-strong-hover: var(--color-brand-800);
  --color-surface-action-subtle: var(--color-brand-200);
  --color-surface-action-subtle-active: var(--color-brand-400);
  --color-surface-action-subtle-hover: var(--color-brand-300);
  --color-surface-action-tint: var(--color-brand-50);
  --color-surface-action-tint-active: var(--color-brand-200);
  --color-surface-action-tint-hover: var(--color-brand-100);
  --color-surface-background: var(--color-base-50);
  --color-surface-brand-strong: var(--color-brand-700);
  --color-surface-brand-subtle: var(--color-brand-200);
  --color-surface-brand-tint: var(--color-brand-50);
  --color-surface-danger-strong: var(--color-red-700);
  --color-surface-danger-strong-active: var(--color-red-900);
  --color-surface-danger-strong-hover: var(--color-red-800);
  --color-surface-danger-subtle: var(--color-red-100);
  --color-surface-danger-subtle-active: var(--color-red-300);
  --color-surface-danger-subtle-hover: var(--color-red-200);
  --color-surface-danger-tint: var(--color-red-50);
  --color-surface-danger-tint-active: var(--color-red-200);
  --color-surface-danger-tint-hover: var(--color-red-100);
  --color-surface-info-strong: var(--color-sky-700);
  --color-surface-info-strong-active: var(--color-sky-900);
  --color-surface-info-strong-hover: var(--color-sky-800);
  --color-surface-info-subtle: var(--color-sky-100);
  --color-surface-info-subtle-active: var(--color-sky-300);
  --color-surface-info-subtle-hover: var(--color-sky-200);
  --color-surface-info-tint: var(--color-sky-50);
  --color-surface-info-tint-active: var(--color-sky-200);
  --color-surface-info-tint-hover: var(--color-sky-100);
  --color-surface-neutral-strong: var(--color-base-700);
  --color-surface-neutral-strong-active: var(--color-base-900);
  --color-surface-neutral-strong-hover: var(--color-base-800);
  --color-surface-neutral-subtle: var(--color-base-200);
  --color-surface-neutral-subtle-active: var(--color-base-400);
  --color-surface-neutral-subtle-hover: var(--color-base-300);
  --color-surface-neutral-tint: var(--color-base-50);
  --color-surface-neutral-tint-active: var(--color-base-200);
  --color-surface-neutral-tint-hover: var(--color-base-100);
  --color-surface-primary: var(--color-white);
  --color-surface-primary-active: var(--color-base-200);
  --color-surface-primary-hover: var(--color-base-100);
  --color-surface-secondary: var(--color-base-100);
  --color-surface-secondary-active: var(--color-base-300);
  --color-surface-secondary-hover: var(--color-base-200);
  --color-surface-success-strong: var(--color-green-600);
  --color-surface-success-strong-active: var(--color-green-800);
  --color-surface-success-strong-hover: var(--color-green-700);
  --color-surface-success-subtle: var(--color-green-100);
  --color-surface-success-subtle-active: var(--color-green-300);
  --color-surface-success-subtle-hover: var(--color-green-200);
  --color-surface-success-tint: var(--color-green-50);
  --color-surface-success-tint-active: var(--color-green-200);
  --color-surface-success-tint-hover: var(--color-green-100);
  --color-surface-tertiary: var(--color-brand-200);
  --color-surface-warning-strong: var(--color-amber-400);
  --color-surface-warning-strong-active: var(--color-amber-600);
  --color-surface-warning-strong-hover: var(--color-amber-500);
  --color-surface-warning-subtle: var(--color-amber-100);
  --color-surface-warning-subtle-active: var(--color-amber-300);
  --color-surface-warning-subtle-hover: var(--color-amber-200);
  --color-surface-warning-tint: var(--color-amber-50);
  --color-surface-warning-tint-active: var(--color-amber-200);
  --color-surface-warning-tint-hover: var(--color-amber-100);
  --opacity-hover: 0.06;
  --opacity-selected: 0.08;
  --opacity-selected-focus: 0.2;
  --opacity-selected-hover: 0.14;
}