/* ==========================================================================
   Authentic8 Brand Styles
   Source: authentic8.com production CSS
   Font:   Proxima Nova via fonts.net (projectid ce3f72e4-e293-47b2-aa77-88106c8e4843)

   Brand palette:
     Navy primary:  #151831  rgb(21, 24, 49)
     Navy mid:      #424b68  rgb(66, 75, 104)
     Green accent:  #68be62  rgb(104, 190, 98)   — links, CTAs
     Dark teal:     #27455c  rgb(39, 69, 92)      — tabs
     Orange:        #e87722                        — arrow links / highlights
     Blue:          #009cde                        — info accents
     Gold:          #f1c400                        — warning accents
     Gray:          #797a89                        — muted text
   ========================================================================== */

/* --------------------------------------------------------------------------
   Font — Proxima Nova (matches authentic8.com)
   -------------------------------------------------------------------------- */
@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=ce3f72e4-e293-47b2-aa77-88106c8e4843");

:root {
  --md-text-font: "proxima-nova", "Roboto", sans-serif;
  --md-code-font: "Roboto Mono", monospace;
}

body,
.md-typeset,
.md-nav
.md-header__title,
.md-tabs__link {
  font-family: "proxima-nova", "Roboto", sans-serif;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  font-family: "proxima-nova", "Roboto", sans-serif;
  font-weight: 500;
}

/* --------------------------------------------------------------------------
   Light mode
   -------------------------------------------------------------------------- */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:             #5866d6;
  --md-primary-fg-color--light:      #424b68;
  --md-primary-fg-color--dark:       #0d1029;
  --md-primary-bg-color:             #ffffff;
  --md-accent-fg-color:              #68be62;
  --md-accent-fg-color--transparent: rgba(104, 190, 98, 0.1);
  --md-default-fg-color:             #151831;
  --md-default-fg-color--light:      #424b68;
  --md-default-fg-color--lighter:    #797a89;
}

/* --------------------------------------------------------------------------
   Dark mode (slate)
   -------------------------------------------------------------------------- */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:             #424b68;
  --md-primary-fg-color--light:      #6b7399;
  --md-primary-fg-color--dark:       #151831;
  --md-accent-fg-color:              #68be62;
  --md-accent-fg-color--transparent: rgba(104, 190, 98, 0.1);
}

/* --------------------------------------------------------------------------
   Navigation header
   -------------------------------------------------------------------------- */
.md-header {
  background-color: #5856d6 !important;
  font-family: "proxima-nova", "Roboto", sans-serif;
}

/* --------------------------------------------------------------------------
   Navigation tabs
   -------------------------------------------------------------------------- */
.md-tabs {
  background-color: #43b1e3;
}

/* --------------------------------------------------------------------------
   Links
   -------------------------------------------------------------------------- */
.md-typeset a {
  color: #27455c;
  font-family: "proxima-nova", "Roboto", sans-serif;
}

.md-typeset a:hover {
  color: #68be62;
}

/* --------------------------------------------------------------------------
   Buttons / CTAs
   -------------------------------------------------------------------------- */
.md-typeset .md-button {
  background-color: #68be62;
  border-color: #68be62;
  color: #ffffff;
  border-radius: 5px;
  font-family: "proxima-nova", "Roboto", sans-serif;
}

.md-typeset .md-button:hover {
  background-color: #4aa95f;
  border-color: #4aa95f;
}

.md-typeset .md-button--primary {
  background-color: #151831;
  border-color: #151831;
}

.md-typeset .md-button--primary:hover {
  background-color: #424b68;
  border-color: #424b68;
}

/* --------------------------------------------------------------------------
   Sidebar navigation — active item highlight
   -------------------------------------------------------------------------- */
.md-nav__link--active,
.md-nav__link:focus,
.md-nav__link:hover {
  color: #68be62;
}

/* --------------------------------------------------------------------------
   Search highlight
   -------------------------------------------------------------------------- */
.md-search-result mark {
  background-color: rgba(104, 190, 98, 0.25);
  color: inherit;
}

/* --------------------------------------------------------------------------
   Code blocks — header bar
   -------------------------------------------------------------------------- */
.highlight .filename {
  background-color: #27455c;
  color: #ffffff;
}

/* --------------------------------------------------------------------------
   Admonition colors — mapped to brand palette
   tip     → green  (#68be62)
   note    → blue   (#009cde)
   warning → orange (#e87722)
   -------------------------------------------------------------------------- */
.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: #68be62;
}

.md-typeset .tip > .admonition-title,
.md-typeset .tip > summary {
  background-color: rgba(104, 190, 98, 0.15);
}

.md-typeset .tip > .admonition-title::before,
.md-typeset .tip > summary::before {
  background-color: #68be62;
}

.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: #009cde;
}

.md-typeset .note > .admonition-title,
.md-typeset .note > summary {
  background-color: rgba(0, 156, 222, 0.1);
}

.md-typeset .note > .admonition-title::before,
.md-typeset .note > summary::before {
  background-color: #009cde;
}

.md-typeset .admonition.warning,
.md-typeset details.warning {
  border-color: #e87722;
}

.md-typeset .warning > .admonition-title,
.md-typeset .warning > summary {
  background-color: rgba(232, 119, 34, 0.1);
}

.md-typeset .warning > .admonition-title::before,
.md-typeset .warning > summary::before {
  background-color: #e87722;
}

/* --------------------------------------------------------------------------
   Table — prevent code spans from wrapping (original rule preserved)
   -------------------------------------------------------------------------- */
td code,
th code {
  white-space: nowrap;
}