/* FlowLance Guide — Custom Branding */

/* Google Fonts import for headings */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@600;700&display=swap');

/* ── Light mode: forest green primary ── */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #1a6b3c;
  --md-primary-fg-color--light: #2a8a50;
  --md-primary-fg-color--dark: #145a30;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: #f8faf9;
}

/* ── Dark mode: blue primary ── */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #5b8def;
  --md-primary-fg-color--light: #7ba3f5;
  --md-primary-fg-color--dark: #4070d6;
  --md-primary-bg-color: #1e1e1e;
  --md-primary-bg-color--light: #2d2d2d;
}

/* ── Headings: Bricolage Grotesque ── */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: 700;
}

.md-typeset h1 {
  letter-spacing: -0.02em;
}

/* ── Header logo sizing ── */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 1.6rem;
  width: 1.6rem;
}

/* ── Subtle warm background in light mode ── */
[data-md-color-scheme="default"] .md-main {
  background: #fafbf9;
}

/* ── Nav tabs active state ── */
.md-tabs__link--active {
  font-weight: 600;
}

/* ── Footer link styling ── */
.md-copyright a {
  color: var(--md-primary-fg-color--light);
  text-decoration: none;
}

.md-copyright a:hover {
  text-decoration: underline;
}