/* Amber palette. Applies only while html[data-palette="amber"]. index.html loads this. */
html[data-palette="amber"] {
  --md-primary-50: #f5f4f0;
  --md-primary-100: #ede9de;
  --md-primary-200: #e6d9b3;
  --md-primary-300: #e8cd7d;
  --md-primary-400: #f0c442;
  --md-primary-500: #ffc107;
  --md-primary-600: #d6a400;
  --md-primary-700: #b38c00;
  --md-primary-800: #8f7200;
  --md-primary-900: #5c4b00;
  --md-primary-A100: #ffe8a3;
  --md-primary-A200: #ffd24d;
  --md-primary-A400: #ffbf00;
  --md-primary-A700: #cc9900;

  /* MD3 Roles */
  --md-primary: #ffc107;
  --md-on-primary: #000000;
  --md-primary-container: #ede9de;
  --md-secondary: #0745ff;
  --md-tertiary: #07ffc1;
  --md-error: #B00020;
  --md-surface: #FFFBFE;
  --md-on-surface: #1C1B1F;
}