/* Famoco Brand — Material Theme CSS variable overrides
 *
 * Primary dark:    #002838  (Dark Green, Famoco primary)
 * Green Electric:  #6EDC4C  (Green Electric 500, primary accent)
 * Myrtille:        #5566EC  (Myrtille 500, secondary/CTA)
 */

:root {
  --md-primary-fg-color:              #002838;
  --md-primary-fg-color--light:       #0d4a63;
  --md-primary-fg-color--dark:        #001520;
  --md-primary-bg-color:              #ffffff;
  --md-primary-bg-color--light:       rgba(255, 255, 255, 0.7);
  --md-accent-fg-color:               #5566EC;
  --md-accent-fg-color--transparent:  rgba(85, 102, 236, 0.1);
  --md-accent-bg-color:               #002838;
  --md-typeset-a-color:               #5566EC;
}

/* Headings use Montserrat Black/Bold weight to echo Gotham Black */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-weight: 900;
  color: #002838;
}

/* Tables */
.md-typeset table:not([class]) th {
  background-color: #002838;
  color: #ffffff;
}

/* Admonition accent colours aligned to brand */
.md-typeset .admonition,
.md-typeset details {
  border-color: #6EDC4C;
}

.md-typeset .admonition-title,
.md-typeset summary {
  background-color: rgba(110, 220, 76, 0.1);
}

/* Code blocks */
.md-typeset code {
  background-color: rgba(0, 40, 56, 0.07);
  color: #002838;
}

/* "Back to top" button */
.md-top {
  background-color: #002838;
  color: #ffffff;
}

.md-top:hover {
  background-color: #5566EC;
  color: #ffffff;
}

/* Tag colours */
.md-tag {
  background-color: #002838;
  color: #ffffff;
}