:root {
  --md-primary-fg-color: hsla(214, 13%, 20%, 0.8);
  --md-primary-fg-color--light: #009900;
  --md-primary-fg-color--dark:  #000990;
}

[data-md-color-scheme="slate"] {
  --md-hue: 215;
  --md-typeset-a-color: hsla(var(--md-hue),25%,60%,1);
  --md-default-bg-color: hsla(var(--md-hue),15%,16%,1);
}

[data-md-color-accent=koad] {
  --md-primary-fg-color: #1C2127;
  --md-footer-bg-color: #1C2127;
}

[data-md-color-accent=koad-dark] {
  --md-accent-fg-color: #eee;
  --md-accent-fg-color--transparent: rgba(0,189,164,0.1);
  --md-accent-bg-color: #fff;
  --md-accent-bg-color--light: hsla(0,0%,100%,0.7);
  --md-primary-fg-color: #1C2127;
  --md-footer-bg-color--dark: #1C2127;
}

p a:hover{
  text-decoration: underline;
}

.md-grid {
  max-width: 79rem;
}

body::-webkit-scrollbar {
  width: 1em;
}
 
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}