:root {

  /* Default color shades */
  --md-default-fg-color:               hsla(0, 0%,   0%, 0.87);
  --md-default-fg-color--light:        hsla(0, 0%,   0%, 0.54);
  --md-default-fg-color--lighter:      hsla(0, 0%,   0%, 0.32);
  --md-default-fg-color--lightest:     hsla(0, 0%,   0%, 0.07);
  --md-default-bg-color:               hsla(0, 0%, 100%, 1);
  --md-default-bg-color--light:        hsla(0, 0%, 100%, 0.7);
  --md-default-bg-color--lighter:      hsla(0, 0%, 100%, 0.3);
  --md-default-bg-color--lightest:     hsla(0, 0%, 100%, 0.12);

  /* Primary color shades */
  --md-primary-fg-color:               hsla(351,  80%,  50%, 1);
  --md-primary-fg-color--light:        hsla(350,  76%,  66%, 1);
  --md-primary-fg-color--dark:         hsla(352,  86%,  43%, 1);
  --md-primary-bg-color:               hsla(  0,   0%, 100%, 1);
  --md-primary-bg-color--light:        hsla(  0,   0%, 100%, 0.7);

  /* Accent color shades */
  --md-accent-fg-color:                hsla(351,  99%,  66%, 1);
  --md-accent-fg-color--transparent:   hsla(351,  99%,  66%, 0.1);
  --md-accent-bg-color:                hsla(  0,   0%, 100%, 1);
  --md-accent-bg-color--light:         hsla(  0,   0%, 100%, 0.7)

  /* Code block color shades */
  --md-code-bg-color:                  hsla(  0,  0%, 96%, 1);
  --md-code-fg-color:                  hsla(200, 18%, 26%, 1);
}