/* AMD Color Palette
   Primary Accent:  #4DA3FF  (sky blue)   — links, buttons, active elements
   Secondary UI:    #5D8AA8  (glaucous)   — header, sidebars, borders
   Primary BG:      #FFFFFF               — main reading area
   Primary Text:    #2B2B2B              — main content text
   Secondary Text:  #5D8AA8              — less important text
   Code Block BG:   #F4F7FA              — code snippets background
*/

:root {
  /* Primary (header, nav active states) */
  --md-primary-fg-color:        #5D8AA8;
  --md-primary-fg-color--light: #7AAAC8;
  --md-primary-fg-color--dark:  #4A6F88;
  --md-primary-bg-color:        #FFFFFF;
  --md-primary-bg-color--light: rgba(255, 255, 255, 0.7);

  /* Accent (links, buttons, interactive) */
  --md-accent-fg-color:              #4DA3FF;
  --md-accent-fg-color--transparent: rgba(77, 163, 255, 0.1);
  --md-accent-bg-color:              #FFFFFF;

  /* Default text and background */
  --md-default-fg-color:             #2B2B2B;
  --md-default-fg-color--light:      rgba(43, 43, 43, 0.54);
  --md-default-fg-color--lighter:    rgba(43, 43, 43, 0.32);
  --md-default-fg-color--lightest:   rgba(43, 43, 43, 0.12);
  --md-default-bg-color:             #FFFFFF;
  --md-default-bg-color--light:      rgba(255, 255, 255, 0.7);
  --md-default-bg-color--lighter:    rgba(255, 255, 255, 0.3);
  --md-default-bg-color--lightest:   rgba(255, 255, 255, 0.12);

  /* Code blocks */
  --md-code-bg-color: #F4F7FA;
  --md-code-fg-color: #2B2B2B;
}

/* Links */
.md-content a {
  color: #4DA3FF;
}

.md-content a:hover {
  color: #2B8AFF;
}

/* Typeset secondary text */
.md-typeset .md-typeset__table,
.md-typeset blockquote {
  color: #5D8AA8;
  border-left-color: #5D8AA8;
}

/* Nav sidebar borders */
.md-nav__link--active {
  color: #4DA3FF;
}

/* Inline code */
.md-typeset code {
  background-color: #F4F7FA;
  color: #2B2B2B;
}