/* Spectrum 2 semantic color aliases — generated from spectrum-design-data.
   light-dark() sides reference palette vars; theme follows color-scheme (see base.css). */
:root {
  /* semantic palette */
  --accent-color-100: var(--blue-100);
  --accent-color-1000: var(--blue-1000);
  --accent-color-1100: var(--blue-1100);
  --accent-color-1200: var(--blue-1200);
  --accent-color-1300: var(--blue-1300);
  --accent-color-1400: var(--blue-1400);
  --accent-color-1500: var(--blue-1500);
  --accent-color-1600: var(--blue-1600);
  --accent-color-200: var(--blue-200);
  --accent-color-300: var(--blue-300);
  --accent-color-400: var(--blue-400);
  --accent-color-500: var(--blue-500);
  --accent-color-600: var(--blue-600);
  --accent-color-700: var(--blue-700);
  --accent-color-800: var(--blue-800);
  --accent-color-900: var(--blue-900);
  --accent-subtle-background-color-default: light-dark(var(--accent-color-200), var(--accent-color-300));
  --icon-color-informative: var(--informative-visual-color);
  --icon-color-negative: var(--negative-visual-color);
  --icon-color-neutral: var(--neutral-visual-color);
  --icon-color-notice: var(--notice-visual-color);
  --icon-color-positive: var(--positive-visual-color);
  --informative-color-100: var(--blue-100);
  --informative-color-1000: var(--blue-1000);
  --informative-color-1100: var(--blue-1100);
  --informative-color-1200: var(--blue-1200);
  --informative-color-1300: var(--blue-1300);
  --informative-color-1400: var(--blue-1400);
  --informative-color-1500: var(--blue-1500);
  --informative-color-1600: var(--blue-1600);
  --informative-color-200: var(--blue-200);
  --informative-color-300: var(--blue-300);
  --informative-color-400: var(--blue-400);
  --informative-color-500: var(--blue-500);
  --informative-color-600: var(--blue-600);
  --informative-color-700: var(--blue-700);
  --informative-color-800: var(--blue-800);
  --informative-color-900: var(--blue-900);
  --informative-subtle-background-color-default: light-dark(var(--informative-color-200), var(--informative-color-300));
  --negative-color-100: var(--red-100);
  --negative-color-1000: var(--red-1000);
  --negative-color-1100: var(--red-1100);
  --negative-color-1200: var(--red-1200);
  --negative-color-1300: var(--red-1300);
  --negative-color-1400: var(--red-1400);
  --negative-color-1500: var(--red-1500);
  --negative-color-1600: var(--red-1600);
  --negative-color-200: var(--red-200);
  --negative-color-300: var(--red-300);
  --negative-color-400: var(--red-400);
  --negative-color-500: var(--red-500);
  --negative-color-600: var(--red-600);
  --negative-color-700: var(--red-700);
  --negative-color-800: var(--red-800);
  --negative-color-900: var(--red-900);
  --negative-subdued-background-color-default: var(--negative-subtle-background-color-default);
  --negative-subdued-background-color-down: var(--negative-color-300);
  --negative-subdued-background-color-hover: var(--negative-color-300);
  --negative-subdued-background-color-key-focus: var(--negative-color-300);
  --negative-subtle-background-color-default: light-dark(var(--negative-color-200), var(--negative-color-300));
  --notice-color-100: var(--orange-100);
  --notice-color-1000: var(--orange-1000);
  --notice-color-1100: var(--orange-1100);
  --notice-color-1200: var(--orange-1200);
  --notice-color-1300: var(--orange-1300);
  --notice-color-1400: var(--orange-1400);
  --notice-color-1500: var(--orange-1500);
  --notice-color-1600: var(--orange-1600);
  --notice-color-200: var(--orange-200);
  --notice-color-300: var(--orange-300);
  --notice-color-400: var(--orange-400);
  --notice-color-500: var(--orange-500);
  --notice-color-600: var(--orange-600);
  --notice-color-700: var(--orange-700);
  --notice-color-800: var(--orange-800);
  --notice-color-900: var(--orange-900);
  --notice-subtle-background-color-default: light-dark(var(--notice-color-200), var(--notice-color-300));
  --positive-color-100: var(--green-100);
  --positive-color-1000: var(--green-1000);
  --positive-color-1100: var(--green-1100);
  --positive-color-1200: var(--green-1200);
  --positive-color-1300: var(--green-1300);
  --positive-color-1400: var(--green-1400);
  --positive-color-1500: var(--green-1500);
  --positive-color-1600: var(--green-1600);
  --positive-color-200: var(--green-200);
  --positive-color-300: var(--green-300);
  --positive-color-400: var(--green-400);
  --positive-color-500: var(--green-500);
  --positive-color-600: var(--green-600);
  --positive-color-700: var(--green-700);
  --positive-color-800: var(--green-800);
  --positive-color-900: var(--green-900);
  --positive-subtle-background-color-default: light-dark(var(--positive-color-200), var(--positive-color-300));

  /* aliases */
  --accent-background-color-default: light-dark(var(--accent-color-900), var(--accent-color-800));
  --accent-background-color-down: light-dark(var(--accent-color-1000), var(--accent-color-700));
  --accent-background-color-hover: light-dark(var(--accent-color-1000), var(--accent-color-700));
  --accent-background-color-key-focus: light-dark(var(--accent-color-1000), var(--accent-color-700));
  --accent-content-color-default: var(--accent-color-900);
  --accent-content-color-down: var(--accent-color-1000);
  --accent-content-color-hover: var(--accent-color-1000);
  --accent-content-color-key-focus: var(--accent-color-1000);
  --accent-content-color-selected: var(--accent-content-color-down);
  --accent-visual-color: light-dark(var(--accent-color-800), var(--accent-color-900));
  --background-base-color: var(--gray-25);
  --background-elevated-color: light-dark(var(--gray-25), var(--gray-75));
  --background-layer-1-color: var(--gray-50);
  --background-layer-2-color: light-dark(var(--gray-25), var(--gray-75));
  --background-opacity-default: 0; /* @kind other */
  --background-opacity-down: 0.1; /* @kind other */
  --background-opacity-hover: 0.1; /* @kind other */
  --background-opacity-key-focus: 0.1; /* @kind other */
  --background-pasteboard-color: light-dark(var(--gray-100), var(--gray-25));
  --blue-background-color-default: light-dark(var(--blue-900), var(--blue-800));
  --blue-subtle-background-color-default: light-dark(var(--blue-200), var(--blue-300));
  --blue-visual-color: light-dark(var(--blue-800), var(--blue-900));
  --brown-background-color-default: light-dark(var(--brown-900), var(--brown-800));
  --brown-subtle-background-color-default: light-dark(var(--brown-200), var(--brown-300));
  --brown-visual-color: light-dark(var(--brown-800), var(--brown-900));
  --celery-background-color-default: light-dark(var(--celery-600), var(--celery-900));
  --celery-subtle-background-color-default: light-dark(var(--celery-200), var(--celery-300));
  --celery-visual-color: light-dark(var(--celery-700), var(--celery-800));
  --chartreuse-background-color-default: light-dark(var(--chartreuse-500), var(--chartreuse-1000));
  --chartreuse-subtle-background-color-default: light-dark(var(--chartreuse-200), var(--chartreuse-300));
  --chartreuse-visual-color: light-dark(var(--chartreuse-600), var(--chartreuse-900));
  --cinnamon-background-color-default: light-dark(var(--cinnamon-900), var(--cinnamon-800));
  --cinnamon-subtle-background-color-default: light-dark(var(--cinnamon-200), var(--cinnamon-300));
  --cinnamon-visual-color: light-dark(var(--cinnamon-800), var(--cinnamon-900));
  --cyan-background-color-default: light-dark(var(--cyan-900), var(--cyan-800));
  --cyan-subtle-background-color-default: light-dark(var(--cyan-200), var(--cyan-300));
  --cyan-visual-color: light-dark(var(--cyan-600), var(--cyan-900));
  --disabled-background-color: var(--gray-100);
  --disabled-border-color: var(--gray-300);
  --disabled-content-color: var(--gray-400);
  --disabled-static-black-background-color: var(--transparent-black-100);
  --disabled-static-black-border-color: var(--transparent-black-300);
  --disabled-static-black-content-color: var(--transparent-black-400);
  --disabled-static-white-background-color: var(--transparent-white-100);
  --disabled-static-white-border-color: var(--transparent-white-300);
  --disabled-static-white-content-color: var(--transparent-white-400);
  --drop-shadow-ambient-color: light-dark(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.24));
  --drop-shadow-color: var(--drop-shadow-color-100);
  --drop-shadow-color-100: light-dark(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.36));
  --drop-shadow-color-200: light-dark(rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.48));
  --drop-shadow-color-300: light-dark(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6));
  --drop-shadow-dragged: 0px 12px 16px 0px var(--drop-shadow-ambient-color), 0px 6px 8px 0px var(--drop-shadow-transition-color), 0px 0px 6px 0px var(--drop-shadow-dragged-key-color);
  --drop-shadow-dragged-color: var(--drop-shadow-color-300);
  --drop-shadow-dragged-key-color: light-dark(rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.48));
  --drop-shadow-elevated: 0px 4px 12px 0px var(--drop-shadow-ambient-color), 0px 2px 6px 0px var(--drop-shadow-transition-color), 0px 0px 2px 0px var(--drop-shadow-elevated-key-color);
  --drop-shadow-elevated-color: var(--drop-shadow-color-200);
  --drop-shadow-elevated-key-color: light-dark(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.36));
  --drop-shadow-emphasized: 0px 2px 8px 0px var(--drop-shadow-ambient-color), 0px 1px 4px 0px var(--drop-shadow-transition-color), 0px 0px 1px 0px var(--drop-shadow-emphasized-key-color);
  --drop-shadow-emphasized-default-color: var(--drop-shadow-color-100);
  --drop-shadow-emphasized-hover: 0px 4px 12px 0px var(--drop-shadow-ambient-color), 0px 2px 6px 0px var(--drop-shadow-transition-color), 0px 0px 2px 0px var(--drop-shadow-emphasized-key-color);
  --drop-shadow-emphasized-hover-color: var(--drop-shadow-color-200);
  --drop-shadow-emphasized-hover-key-color: light-dark(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.36));
  --drop-shadow-emphasized-key-color: light-dark(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.24));
  --drop-shadow-transition-color: light-dark(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.12));
  --focus-indicator-color: var(--blue-800);
  --fuchsia-background-color-default: light-dark(var(--fuchsia-900), var(--fuchsia-800));
  --fuchsia-subtle-background-color-default: light-dark(var(--fuchsia-200), var(--fuchsia-300));
  --fuchsia-visual-color: light-dark(var(--fuchsia-800), var(--fuchsia-900));
  --gray-background-color-default: light-dark(var(--gray-700), var(--gray-500));
  --gray-subtle-background-color-default: light-dark(var(--gray-100), var(--gray-300));
  --gray-visual-color: light-dark(var(--gray-500), var(--gray-600));
  --green-background-color-default: light-dark(var(--green-900), var(--green-800));
  --green-subtle-background-color-default: light-dark(var(--green-200), var(--green-300));
  --green-visual-color: light-dark(var(--green-700), var(--green-800));
  --indigo-background-color-default: light-dark(var(--indigo-900), var(--indigo-800));
  --indigo-subtle-background-color-default: light-dark(var(--indigo-200), var(--indigo-300));
  --indigo-visual-color: light-dark(var(--indigo-800), var(--indigo-900));
  --informative-background-color-default: light-dark(var(--informative-color-900), var(--informative-color-800));
  --informative-background-color-down: light-dark(var(--informative-color-1000), var(--informative-color-700));
  --informative-background-color-hover: light-dark(var(--informative-color-1000), var(--informative-color-700));
  --informative-background-color-key-focus: light-dark(var(--informative-color-1000), var(--informative-color-700));
  --informative-visual-color: light-dark(var(--informative-color-800), var(--informative-color-900));
  --magenta-background-color-default: light-dark(var(--magenta-900), var(--magenta-800));
  --magenta-subtle-background-color-default: light-dark(var(--magenta-200), var(--magenta-300));
  --magenta-visual-color: light-dark(var(--magenta-800), var(--magenta-900));
  --negative-background-color-default: light-dark(var(--negative-color-900), var(--negative-color-800));
  --negative-background-color-down: light-dark(var(--negative-color-1000), var(--negative-color-700));
  --negative-background-color-hover: light-dark(var(--negative-color-1000), var(--negative-color-700));
  --negative-background-color-key-focus: light-dark(var(--negative-color-1000), var(--negative-color-700));
  --negative-border-color-default: var(--negative-color-900);
  --negative-border-color-down: var(--negative-color-1100);
  --negative-border-color-focus: var(--negative-color-1000);
  --negative-border-color-focus-hover: var(--negative-border-color-down);
  --negative-border-color-hover: var(--negative-color-1000);
  --negative-border-color-key-focus: var(--negative-color-1000);
  --negative-content-color-default: var(--negative-color-900);
  --negative-content-color-down: var(--negative-color-1000);
  --negative-content-color-hover: var(--negative-color-1000);
  --negative-content-color-key-focus: var(--negative-color-1000);
  --negative-visual-color: light-dark(var(--negative-color-800), var(--negative-color-900));
  --neutral-background-color-default: var(--gray-800);
  --neutral-background-color-down: var(--gray-900);
  --neutral-background-color-hover: var(--gray-900);
  --neutral-background-color-key-focus: var(--gray-900);
  --neutral-background-color-selected-default: var(--gray-800);
  --neutral-background-color-selected-down: var(--gray-900);
  --neutral-background-color-selected-hover: var(--gray-900);
  --neutral-background-color-selected-key-focus: var(--gray-900);
  --neutral-content-color-default: var(--gray-800);
  --neutral-content-color-down: var(--gray-900);
  --neutral-content-color-focus: var(--neutral-content-color-down);
  --neutral-content-color-focus-hover: var(--neutral-content-color-down);
  --neutral-content-color-hover: var(--gray-900);
  --neutral-content-color-key-focus: var(--gray-900);
  --neutral-subdued-background-color-default: light-dark(var(--gray-700), var(--gray-500));
  --neutral-subdued-background-color-down: light-dark(var(--gray-800), var(--gray-400));
  --neutral-subdued-background-color-hover: light-dark(var(--gray-800), var(--gray-400));
  --neutral-subdued-background-color-key-focus: light-dark(var(--gray-800), var(--gray-400));
  --neutral-subdued-content-color-default: var(--gray-700);
  --neutral-subdued-content-color-down: var(--gray-800);
  --neutral-subdued-content-color-hover: var(--gray-800);
  --neutral-subdued-content-color-key-focus: var(--gray-800);
  --neutral-subdued-content-color-selected: var(--neutral-subdued-content-color-down);
  --neutral-subtle-background-color-default: light-dark(var(--gray-100), var(--gray-300));
  --neutral-visual-color: light-dark(var(--gray-500), var(--gray-600));
  --notice-background-color-default: light-dark(var(--notice-color-600), var(--notice-color-900));
  --notice-visual-color: light-dark(var(--notice-color-800), var(--notice-color-900));
  --opacity-disabled: 0.3; /* @kind other */
  --orange-background-color-default: light-dark(var(--orange-600), var(--orange-900));
  --orange-subtle-background-color-default: light-dark(var(--orange-200), var(--orange-300));
  --orange-visual-color: light-dark(var(--orange-700), var(--orange-900));
  --overlay-color: var(--black);
  --overlay-opacity: light-dark(0.4, 0.6);
  --pink-background-color-default: light-dark(var(--pink-900), var(--pink-800));
  --pink-subtle-background-color-default: light-dark(var(--pink-200), var(--pink-300));
  --pink-visual-color: light-dark(var(--pink-800), var(--pink-900));
  --positive-background-color-default: light-dark(var(--positive-color-900), var(--positive-color-800));
  --positive-background-color-down: light-dark(var(--positive-color-1000), var(--positive-color-700));
  --positive-background-color-hover: light-dark(var(--positive-color-1000), var(--positive-color-700));
  --positive-background-color-key-focus: light-dark(var(--positive-color-1000), var(--positive-color-700));
  --positive-visual-color: light-dark(var(--positive-color-800), var(--positive-color-900));
  --purple-background-color-default: light-dark(var(--purple-900), var(--purple-800));
  --purple-subtle-background-color-default: light-dark(var(--purple-200), var(--purple-300));
  --purple-visual-color: light-dark(var(--purple-800), var(--purple-900));
  --red-background-color-default: light-dark(var(--red-900), var(--red-800));
  --red-subtle-background-color-default: light-dark(var(--red-200), var(--red-300));
  --red-visual-color: light-dark(var(--red-800), var(--red-700));
  --seafoam-background-color-default: light-dark(var(--seafoam-900), var(--seafoam-800));
  --seafoam-subtle-background-color-default: light-dark(var(--seafoam-200), var(--seafoam-300));
  --seafoam-visual-color: light-dark(var(--seafoam-700), var(--seafoam-800));
  --silver-background-color-default: light-dark(var(--silver-900), var(--silver-800));
  --silver-subtle-background-color-default: light-dark(var(--silver-200), var(--silver-300));
  --silver-visual-color: light-dark(var(--silver-800), var(--silver-900));
  --stack-item-selected-background-color-highlight: var(--accent-background-color-default);
  --static-black-focus-indicator-color: var(--black);
  --static-black-text-color: var(--black);
  --static-black-track-color: var(--transparent-black-300);
  --static-black-track-indicator-color: var(--transparent-black-900);
  --static-white-focus-indicator-color: var(--white);
  --static-white-text-color: var(--white);
  --static-white-track-color: var(--transparent-white-300);
  --static-white-track-indicator-color: var(--transparent-white-900);
  --title-color: var(--gray-900);
  --track-color: var(--gray-300);
  --turquoise-background-color-default: light-dark(var(--turquoise-900), var(--turquoise-800));
  --turquoise-subtle-background-color-default: light-dark(var(--turquoise-200), var(--turquoise-300));
  --turquoise-visual-color: light-dark(var(--turquoise-800), var(--turquoise-900));
  --yellow-background-color-default: light-dark(var(--yellow-400), var(--yellow-1100));
  --yellow-subtle-background-color-default: light-dark(var(--yellow-200), var(--yellow-300));
  --yellow-visual-color: light-dark(var(--yellow-600), var(--yellow-1100));
}