/* Red palette. Applies only while html[data-palette="red"]. index.html loads this. */
html[data-palette="red"] {
  --md-primary-50: #f5f0f0;
  --md-primary-100: #ece0df;
  --md-primary-200: #e3b8b5;
  --md-primary-300: #e28983;
  --md-primary-400: #e7564b;
  --md-primary-500: #f44336;
  --md-primary-600: #d01706;
  --md-primary-700: #b11301;
  --md-primary-800: #8e1201;
  --md-primary-900: #590e03;
  --md-primary-A100: #ffa9a3;
  --md-primary-A200: #ff594d;
  --md-primary-A400: #ff1100;
  --md-primary-A700: #cc0e00;

  /* MD3 Roles */
  --md-primary: #f44336;
  --md-on-primary: #ffffff;
  --md-primary-container: #ece0df;
  --md-secondary: #36e7f4;
  --md-tertiary: #36f443;
  --md-error: #B00020;
  --md-surface: #1C1B1F;
  --md-on-surface: #E6E1E5;
}