:root {
  color-scheme: light dark;
  background-color: light-dark(#FFFFFF, #151617);

  /* Background */
  --color-background: light-dark(#FFFFFF, #151617);
  --color-background-widget: light-dark(#FFFFFF, #1F2122);
  --color-background-subtle: light-dark(#F4F7F9, #000000);
  --color-background-cta: light-dark(#337AB7, #337AB7);
  --color-background-cta-weak: light-dark(#669CC9, #115D9F);
  --color-background-cta-danger: light-dark(#C6313A, #C6313A);
  --color-background-cta-disabled: light-dark(#DDE2E7, #363B3E);
  --color-background-input: light-dark(#FFFFFF, #1F2122);
  --color-background-input-disabled: light-dark(#EFF1F3, #363B3E);
  --color-background-accent-cta-weak: light-dark(#EBF2F8, #002033);
  --color-background-accent-cta-strong: light-dark(#337AB7, #669CC9);
  --color-background-accent-cta-strongest: light-dark(#115D9F, #115D9F);
  --color-background-accent-neutral-weak: light-dark(#DDE2E7, #363B3E);
  --color-background-accent-neutral-weakest: light-dark(#EFF1F3, #1F2122);
  --color-background-accent-neutral: light-dark(#CAD0D6, #5B666C);
  --color-background-accent-neutral-dark: light-dark(#5B666C, #5B666C);
  --color-background-accent-neutral-darker: light-dark(#363B3E, #363B3E);
  --color-background-accent-neutral-darkest: light-dark(#151617, #151617);
  --color-background-product: light-dark(#053856, #053856);

  /* Foreground */
  --color-foreground-hover: light-dark(#EFF1F3, #000000);
  --color-foreground-hover-strong: light-dark(#DDE2E7, #363B3E);
  --color-foreground-cta-hover: light-dark(#115D9F, #115D9F);
  --color-foreground-cta-danger-hover: light-dark(#A71C25, #A71C25);
  --color-foreground-selected: light-dark(#EBF2F8, #002033);
  --color-foreground-selected-strong: light-dark(#A9CAE5, #115D9F);
  --color-foreground-selected-strongest: light-dark(#337AB7, #669CC9);
  --color-foreground-focus: light-dark(#009CC1, #009CC1);
  --color-foreground-focus-neutral: light-dark(#FFFFFF, #FFFFFF);
  --color-foreground-text-highlight: light-dark(#FAC905, #FAC905);
  --color-foreground-scrollbar: light-dark(#CAD0D6, #5B666C);

  /* Border */
  --color-border-strongest: light-dark(#151617, #EFF1F3);
  --color-border-strong: light-dark(#95A0A8, #747F86);
  --color-border-weak: light-dark(#CAD0D6, #5B666C);
  --color-border-weakest: light-dark(#DDE2E7, #363B3E);
  --color-border-error: light-dark(#C6313A, #FF4B56);
  --color-border-decorative-strong: light-dark(#337AB7, #669CC9);
  --color-border-decorative-weak: light-dark(#A9CAE5, #115D9F);

  /* Text */
  --color-text-strong: light-dark(#151617, #EFF1F3);
  --color-text-weak: light-dark(#363B3E, #CAD0D6);
  --color-text-weakest: light-dark(#5B666C, #B3BCC1);
  --color-text-disabled: light-dark(#95A0A8, #747F86);
  --color-text-decorator: light-dark(#95A0A8, #747F86);
  --color-text-high-contrast: light-dark(#FFFFFF, #FFFFFF);
  --color-text-action: light-dark(#337AB7, #669CC9);
  --color-text-action-strong: light-dark(#115D9F, #A9CAE5);
  --color-text-danger: light-dark(#C6313A, #FF4B56);
  --color-text-strong-inverse: light-dark(#FFFFFF, #151617);
  --color-text-strong-static: light-dark(#151617, #151617);

  /* Alert */
  --color-alert-success: light-dark(#007644, #0DB46D);
  --color-alert-success-weak: light-dark(#E6F2E5, #103928);
  --color-alert-error: light-dark(#C6313A, #FF4B56);
  --color-alert-error-weak: light-dark(#FBEBED, #411715);
  --color-alert-warning-strong: light-dark(#F58F00, #F58F00);
  --color-alert-warning: light-dark(#FAC905, #FAC905);
  --color-alert-warning-weak: light-dark(#FFEDA1, #FFEDA1);
  --color-alert-warning-weakest: light-dark(#FFFAE6, #432E0F);
  --color-alert-info: light-dark(#337AB7, #669CC9);
  --color-alert-info-weak: light-dark(#EBF2F8, #002033);
  --color-alert-neutral: light-dark(#95A0A8, #747F86);
  --color-alert-neutral-weak: light-dark(#DDE2E7, #363B3E);

  /* Data Visualization */
  --color-data-viz-1-background: light-dark(#0198AC, #0198AC);
  --color-data-viz-2-background: light-dark(#9969ED, #9969ED);
  --color-data-viz-3-background: light-dark(#862D5D, #862D5D);
  --color-data-viz-4-background: light-dark(#5753F2, #5753F2);
  --color-data-viz-5-background: light-dark(#729D2D, #729D2D);
  --color-data-viz-6-background: light-dark(#00357E, #00357E);
  --color-data-viz-7-background: light-dark(#D552D9, #D552D9);
  --color-data-viz-8-background: light-dark(#9A8CA1, #9A8CA1);
  --color-data-viz-9-background: light-dark(#005E73, #005E73);
  --color-data-viz-10-background: light-dark(#A9710A, #A9710A);
  --color-data-viz-success-background: light-dark(#007644, #0DB46D);
  --color-data-viz-success-hover: light-dark(#015F37, #007644);
  --color-data-viz-error-background: light-dark(#C6313A, #FF4B56);
  --color-data-viz-error-hover: light-dark(#A71C25, #C6313A);
  --color-data-viz-warning-strong-background: light-dark(#F58F00, #F58F00);
  --color-data-viz-warning-strong-hover: light-dark(#CF7900, #CF7900);
  --color-data-viz-warning-background: light-dark(#FAC905, #FAC905);
  --color-data-viz-warning-hover: light-dark(#E0AF00, #E0AF00);
  --color-data-viz-warning-weak-background: light-dark(#FFEDA1, #FFEDA1);
  --color-data-viz-warning-weak-hover: light-dark(#FFDA47, #FFDA47);
  --color-data-viz-neutral-background: light-dark(#95A0A8, #747F86);
  --color-data-viz-neutral-hover: light-dark(#5B666C, #95A0A8);
  --color-data-viz-neutral-weak-background: light-dark(#DDE2E7, #363B3E);
  --color-data-viz-neutral-weak-hover: light-dark(#CAD0D6, #5B666C);

  /* Elevation */
  --elevation-weak: 0px 2px 8px 0px light-dark(#0000001A, #000000);
  --elevation-strong: 0px 4px 16px 0px light-dark(#00000026, #000000);
  --elevation-strongest: 0px 8px 48px 0px light-dark(#00000026, #000000);
}