/* --- ATC TechBridge Font Imports --- */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&family=Poppins:wght@500;600&display=swap');

/* --- Typography + Font Variables Override --- */
:root {
  /* tell Material to use our fonts */
  --md-text-font: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  --md-code-font: 'Manrope', monospace !important;
  --md-header-font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  --atc-teal: #136065;
  --atc-copper: #C66734;
}

/* Apply our body font everywhere normal text can land */
html,
body,
.md-content,
.md-typeset,
.md-nav,
.md-sidebar,
.md-footer,
.md-button {
  font-family: var(--md-text-font) !important;
  font-weight: 400;
  color: var(--md-default-fg-color);
  background-color: var(--md-default-bg-color);
}

/* Headings (page titles, section headers, header title text) */
h1,
h2,
h3,
h4,
h5,
h6,
.md-header__title,
.md-header__topic,
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  font-family: var(--md-header-font) !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
  text-transform: none;
  color: var(--md-primary-fg-color);
}

/* Buttons, nav links, sidebar links */
.md-nav__link,
.md-button,
.md-sidebar__title,
.md-nav__title,
.md-tabs__link {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

/* === ATC TechBridge brand override === */
body[data-md-color-scheme="default"][data-md-color-primary="indigo"][data-md-color-accent="indigo"] {
  --md-primary-fg-color: #0F3058;
  --md-primary-fg-color--light: #1B7C80;
  --md-primary-fg-color--dark: #0F3058;
  --md-primary-bg-color: #F5F3EF;
  --md-primary-bg-color--light: #F5F3EFCC;

  --md-accent-fg-color: var(--atc-teal);
  --md-accent-fg-color--transparent: #1360651a;
  --md-accent-bg-color: #F5F3EF;
  --md-accent-bg-color--light: #F5F3EFCC;

  --md-default-fg-color: #101820;
  --md-default-fg-color--light: rgba(16,24,32,0.6);
  --md-default-bg-color: #F5F3EF;
  --md-default-bg-color--light: rgba(245,243,239,0.7);

  --md-typeset-a-color: var(--atc-teal);

  --md-footer-bg-color: #101820;
  --md-footer-bg-color--dark: #101820;
  --md-footer-fg-color: #F5F3EF;
  --md-footer-fg-color--light: rgba(245,243,239,.7);
  --md-footer-fg-color--lighter: rgba(245,243,239,.45);
}

/* CTA / hover accents (Activation Copper) */
.md-button,
.md-typeset a:hover,
a.md-logo:hover {
  color: var(--atc-copper) !important;
}

/* === Header Bar Override === */
.md-header {
  background-color: var(--atc-teal) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #F5F3EF !important;
  --md-primary-fg-color: var(--atc-teal) !important;
}

.md-header__title,
.md-header__topic,
.md-header__button,
.md-header__button svg,
.md-header__button:hover,
.md-header__button svg:hover {
  color: #F5F3EF !important;
  fill: #F5F3EF !important;
  font-family: var(--md-header-font) !important;
  font-weight: 600 !important;
}

.md-search__input {
  background-color: #0F3058 !important;
  color: #F5F3EF !important;
  border: 1px solid #F5F3EF40 !important;
  font-family: var(--md-text-font) !important;
  font-weight: 400 !important;
}

.md-search__input::placeholder {
  color: rgba(245, 243, 239, 0.8) !important;
}

.md-search__icon {
  color: #F5F3EF !important;
  fill: #F5F3EF !important;
}

/* === ATC Link / Hover Behavior === */
a,
.md-nav__link,
.md-nav__link:link,
.md-nav__link:visited,
.md-nav__item .md-nav__link,
.md-typeset a,
.md-typeset a:link,
.md-typeset a:visited,
.md-sidebar a,
.md-sidebar a:link,
.md-sidebar a:visited,
.md-header a,
.md-header a:link,
.md-header a:visited {
  color: var(--atc-teal) !important;
  text-decoration-color: transparent;
  transition: color .12s ease, text-decoration-color .12s ease;
}

a:hover,
a:active,
a:focus,
.md-nav__link:hover,
.md-nav__link:active,
.md-nav__link:focus,
.md-typeset a:hover,
.md-typeset a:active,
.md-typeset a:focus,
.md-sidebar a:hover,
.md-sidebar a:active,
.md-sidebar a:focus,
.md-header a:hover,
.md-header a:active,
.md-header a:focus {
  color: var(--atc-copper) !important;
  text-decoration-color: var(--atc-copper) !important;
}