/* Blue palette. Applies only while html[data-palette="blue"]. index.html loads this. */
html[data-palette="blue"] {
  --md-primary-50: #f0f3f5;
  --md-primary-100: #dfe6ec;
  --md-primary-200: #b5cfe3;
  --md-primary-300: #82b8e3;
  --md-primary-400: #4ba2e7;
  --md-primary-500: #2196f3;
  --md-primary-600: #0673d0;
  --md-primary-700: #015db1;
  --md-primary-800: #01488e;
  --md-primary-900: #032d59;
  --md-primary-A100: #a3d6ff;
  --md-primary-A200: #4db0ff;
  --md-primary-A400: #008eff;
  --md-primary-A700: #0072cc;

  /* MD3 Roles */
  --md-primary: #2196f3;
  --md-on-primary: #ffffff;
  --md-primary-container: #dfe6ec;
  --md-secondary: #f37e21;
  --md-tertiary: #f32196;
  --md-error: #B00020;
  --md-surface: #1C1B1F;
  --md-on-surface: #E6E1E5;
}