/* Material 3 semantic color roles adapted to the team orange palette. Paired on-colors are intentional. */
:root {
  color-scheme: light;
  --md-sys-color-primary: #984500;
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-primary-container: #ffdcc3;
  --md-sys-color-on-primary-container: #321200;
  --md-sys-color-secondary: #765944;
  --md-sys-color-secondary-container: #ffdcc3;
  --md-sys-color-on-secondary-container: #2b1708;
  --md-sys-color-surface: #fff8f4;
  --md-sys-color-surface-container-lowest: #ffffff;
  --md-sys-color-surface-container-low: #fff1e8;
  --md-sys-color-surface-container: #f9ebe2;
  --md-sys-color-surface-container-high: #f3e5dc;
  --md-sys-color-surface-container-highest: #eaddd4;
  --md-sys-color-on-surface: #231a14;
  --md-sys-color-on-surface-variant: #53443a;
  --md-sys-color-outline: #857367;
  --md-sys-color-outline-variant: #d7c3b5;
  --md-sys-color-error: #b3261e;
  --md-sys-color-error-container: #f9dedc;
  --md-sys-color-on-error-container: #410e0b;
  --md-sys-color-inverse-surface: #392e26;
  --md-sys-color-inverse-on-surface: #fff0e5;
  --md-sys-shape-corner-extra-small: 4px;
  --md-sys-shape-corner-medium: 12px;
  --md-sys-shape-corner-large: 16px;
  --md-sys-shape-corner-extra-large: 28px;
  --md-sys-shape-corner-full: 999px;
  --md-sys-motion-duration-short: 150ms;
  --md-sys-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
}
:root[data-theme='dark'] {
  color-scheme: dark;
  --md-sys-color-primary: #ffb77d;
  --md-sys-color-on-primary: #512400;
  --md-sys-color-primary-container: #743300;
  --md-sys-color-on-primary-container: #ffdcc3;
  --md-sys-color-secondary: #e6bfa4;
  --md-sys-color-secondary-container: #5c412d;
  --md-sys-color-on-secondary-container: #ffdcc3;
  --md-sys-color-surface: #19120e;
  --md-sys-color-surface-container-lowest: #130d09;
  --md-sys-color-surface-container-low: #231a14;
  --md-sys-color-surface-container: #281e17;
  --md-sys-color-surface-container-high: #332820;
  --md-sys-color-surface-container-highest: #3e332b;
  --md-sys-color-on-surface: #eaddd4;
  --md-sys-color-on-surface-variant: #d7c3b5;
  --md-sys-color-outline: #a18d7f;
  --md-sys-color-outline-variant: #53443a;
  --md-sys-color-error: #f2b8b5;
  --md-sys-color-error-container: #8c1d18;
  --md-sys-color-on-error-container: #f9dedc;
  --md-sys-color-inverse-surface: #eaddd4;
  --md-sys-color-inverse-on-surface: #392e26;
}