:root {
  --md-light-primary-color: hsl(0, 0%, 10%);
  --md-primary-color: hsl(0, 0%, 0%);
  --md-dark-primary-color: hsl(0, 0%, -10%);

  --md-primary-text-on-light-primary-color: var(--md-light-text-primary);
  --md-primary-text-on-primary-color: var(--md-light-text-primary);
  --md-primary-text-on-dark-primary-color: var(--md-light-text-primary);

  --md-secondary-text-on-light-primary-color: var(--md-light-text-secondary);
  --md-secondary-text-on-primary-color: var(--md-light-text-secondary);
  --md-secondary-text-on-dark-primary-color: var(--md-light-text-secondary);

  --md-active-icon-on-light-primary-color: var(--md-light-icon-active);
  --md-active-icon-on-primary-color: var(--md-light-icon-active);
  --md-active-icon-on-dark-primary-color: var(--md-light-icon-active);

  --md-inactive-icon-on-light-primary-color: var(--md-light-icon-inactive);
  --md-inactive-icon-on-primary-color: var(--md-light-icon-inactive);
  --md-inactive-icon-on-dark-primary-color: var(--md-light-icon-inactive);

  --md-light-accent-color: hsl(0, 0%, 10%);
  --md-accent-color: hsl(0, 0%, 0%);
  --md-dark-accent-color: hsl(0, 0%, -10%);

  --md-primary-text-on-light-accent-color: var(--md-light-text-primary);
  --md-primary-text-on-accent-color: var(--md-light-text-primary);
  --md-primary-text-on-dark-accent-color: var(--md-light-text-primary);

  --md-secondary-text-on-light-accent-color: var(--md-light-text-secondary);
  --md-secondary-text-on-accent-color: var(--md-light-text-secondary);
  --md-secondary-text-on-dark-accent-color: var(--md-light-text-secondary);

  --md-active-icon-on-light-accent-color: var(--md-light-icon-active);
  --md-active-icon-on-accent-color: var(--md-light-icon-active);
  --md-active-icon-on-dark-accent-color: var(--md-light-icon-active);

  --md-inactive-icon-on-light-accent-color: var(--md-light-icon-inactive);
  --md-inactive-icon-on-accent-color: var(--md-light-icon-inactive);
  --md-inactive-icon-on-dark-accent-color: var(--md-light-icon-inactive);
}