/* Deep orange palette. Applies only while html[data-palette="deep-orange"]. index.html loads this. */
html[data-palette="deep-orange"] {
  --md-primary-50: #f5f1f0;
  --md-primary-100: #ede2de;
  --md-primary-200: #e6bfb3;
  --md-primary-300: #e8977d;
  --md-primary-400: #f06c42;
  --md-primary-500: #ff5722;
  --md-primary-600: #d63700;
  --md-primary-700: #b33100;
  --md-primary-800: #8f2900;
  --md-primary-900: #5c1c00;
  --md-primary-A100: #ffb9a3;
  --md-primary-A200: #ff774d;
  --md-primary-A400: #ff3d00;
  --md-primary-A700: #cc3100;

  /* MD3 Roles */
  --md-primary: #ff5722;
  --md-on-primary: #000000;
  --md-primary-container: #ede2de;
  --md-secondary: #22caff;
  --md-tertiary: #22ff57;
  --md-error: #B00020;
  --md-surface: #FFFBFE;
  --md-on-surface: #1C1B1F;
}