/* ==========================================================================
   DTA Brand Theme for MkDocs Material
   Based on Digital Transformation Agency brand guidelines
   ========================================================================== */

/* --------------------------------------------------------------------------
   DTA Brand Palette
   --------------------------------------------------------------------------
   Signature green:  #69EBA5
   Primary green:    #29B480
   Dark green:       #288264
   Primary navy:     #1E3C50
   Light green:      #C8EBD7
   Body text:        #414141
   Secondary gold:   #FAD673
   Secondary salmon: #FFC2B0
   Neutrals:         #27292B, #70767B, #9FA4A7, #CACCCE, #F4F5F5
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   Light mode (default scheme)
   -------------------------------------------------------------------------- */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #1E3C50;
  --md-primary-fg-color--light: #2a5570;
  --md-primary-fg-color--dark: #152d3d;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: #F4F5F5;

  --md-accent-fg-color: #29B480;
  --md-accent-fg-color--transparent: rgba(41, 180, 128, 0.1);
  --md-accent-bg-color: #ffffff;

  --md-default-fg-color: #414141;
  --md-default-fg-color--light: #70767B;
  --md-default-fg-color--lighter: #9FA4A7;
  --md-default-fg-color--lightest: #CACCCE;
  --md-default-bg-color: #ffffff;
  --md-default-bg-color--light: #F4F5F5;
  --md-default-bg-color--lighter: #F4F5F5;
  --md-default-bg-color--lightest: #ffffff;

  --md-typeset-a-color: #29B480;

  --md-code-bg-color: #F4F5F5;
  --md-code-fg-color: #27292B;
}

/* --------------------------------------------------------------------------
   Dark mode (slate scheme)
   -------------------------------------------------------------------------- */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #1E3C50;
  --md-primary-fg-color--light: #2a5570;
  --md-primary-fg-color--dark: #152d3d;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: #ffffffb3;

  --md-accent-fg-color: #69EBA5;
  --md-accent-fg-color--transparent: rgba(105, 235, 165, 0.1);

  --md-default-bg-color: #1a2631;
  --md-default-bg-color--light: #1f3040;
  --md-default-bg-color--lighter: #24384a;
  --md-default-bg-color--lightest: #2a4155;

  --md-default-fg-color: #e0e4e7;
  --md-default-fg-color--light: #9FA4A7;
  --md-default-fg-color--lighter: #70767B;
  --md-default-fg-color--lightest: #4a5258;

  --md-typeset-a-color: #69EBA5;

  --md-code-bg-color: #1f3040;
  --md-code-fg-color: #C8EBD7;
}

/* --------------------------------------------------------------------------
   Navigation tabs — use navy background, green active indicator
   -------------------------------------------------------------------------- */
.md-tabs {
  background-color: #1E3C50;
}

.md-tabs__link--active,
.md-tabs__link:hover {
  color: #69EBA5;
}

/* --------------------------------------------------------------------------
   Header search bar styling
   -------------------------------------------------------------------------- */
.md-search__input {
  background-color: rgba(255, 255, 255, 0.12);
}

[data-md-color-scheme="default"] .md-search__input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

/* --------------------------------------------------------------------------
   Content links — green with underline on hover
   -------------------------------------------------------------------------- */
.md-typeset a {
  color: var(--md-typeset-a-color);
}

.md-typeset a:hover {
  color: #288264;
  text-decoration: underline;
}

[data-md-color-scheme="slate"] .md-typeset a:hover {
  color: #C8EBD7;
}

/* --------------------------------------------------------------------------
   Admonitions — DTA-flavoured accents
   -------------------------------------------------------------------------- */
.md-typeset .admonition.danger,
.md-typeset details.danger {
  border-color: #d32f2f;
}

.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: #29B480;
}

.md-typeset .admonition.info,
.md-typeset details.info {
  border-color: #1E3C50;
}

/* --------------------------------------------------------------------------
   Footer — navy background
   -------------------------------------------------------------------------- */
.md-footer {
  background-color: #1E3C50;
}

.md-footer-meta {
  background-color: #152d3d;
}

/* --------------------------------------------------------------------------
   Navigation sidebar — subtle green active state
   -------------------------------------------------------------------------- */
.md-nav__link--active {
  color: #29B480;
  font-weight: 600;
}

[data-md-color-scheme="slate"] .md-nav__link--active {
  color: #69EBA5;
}

/* --------------------------------------------------------------------------
   Code blocks — slightly tinted
   -------------------------------------------------------------------------- */
.md-typeset code {
  border-radius: 3px;
}

/* --------------------------------------------------------------------------
   Tables — DTA-styled header
   -------------------------------------------------------------------------- */
.md-typeset table:not([class]) th {
  background-color: #1E3C50;
  color: #ffffff;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) th {
  background-color: #2a5570;
  color: #e0e4e7;
}