/* Green palette. Applies only while html[data-palette="green"]. index.html loads this. */
html[data-palette="green"] {
  --md-primary-50: #f1f3f1;
  --md-primary-100: #e2e9e3;
  --md-primary-200: #c2d6c3;
  --md-primary-300: #9dc89f;
  --md-primary-400: #77bb7a;
  --md-primary-500: #4caf50;
  --md-primary-600: #3f9744;
  --md-primary-700: #338038;
  --md-primary-800: #28662e;
  --md-primary-900: #1b411f;
  --md-primary-A100: #b8eaba;
  --md-primary-A200: #71db75;
  --md-primary-A400: #2fd036;
  --md-primary-A700: #2aa22f;

  /* MD3 Roles */
  --md-primary: #4caf50;
  --md-on-primary: #000000;
  --md-primary-container: #e2e9e3;
  --md-secondary: #af4cab;
  --md-tertiary: #504caf;
  --md-error: #B00020;
  --md-surface: #FFFBFE;
  --md-on-surface: #1C1B1F;
}