/*
 * KCG brand overlay for MkDocs Material.
 *
 * Brand palette is sourced from kovachconsultingapp/src/config/designTokens.js
 * (BRAND.plum / BRAND.navy / BRAND.mauve). This file maps those values onto
 * Material's CSS variables so the wiki reads as KCG without forking the theme.
 *
 * Headings use Cormorant Garamond per the handoff's typography call. Body and
 * UI chrome use Raleway, which is loaded via the `theme.font.text` setting in
 * mkdocs.yml. Cormorant Garamond is loaded here because Material doesn't offer
 * a separate heading-font setting.
 */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&display=swap');

:root {
  --kcg-plum: #5A496B;
  --kcg-navy: #243059;
  --kcg-mauve: #D8C6E0;
  --kcg-ink: #243059;
  --kcg-body: #555555;
  --kcg-rule: #E5E5E5;
}

/* Light scheme — primary = plum, accent = navy. */
[data-md-color-primary="custom"] {
  --md-primary-fg-color:        var(--kcg-plum);
  --md-primary-fg-color--light: #6E5C80;
  --md-primary-fg-color--dark:  #44375A;
  --md-primary-bg-color:        #FFFFFF;
  --md-primary-bg-color--light: rgba(255, 255, 255, 0.7);
}

[data-md-color-accent="custom"] {
  --md-accent-fg-color:         var(--kcg-navy);
  --md-accent-fg-color--transparent: rgba(36, 48, 89, 0.1);
  --md-accent-bg-color:         #FFFFFF;
  --md-accent-bg-color--light:  rgba(255, 255, 255, 0.7);
}

/* Dark scheme tweaks: lift the plum so it reads on a dark background, and use
 * mauve as the link color so it doesn't disappear into the navy text. */
[data-md-color-scheme="slate"][data-md-color-primary="custom"] {
  --md-primary-fg-color:        #8E7DA0;
  --md-primary-fg-color--light: #A99CB7;
  --md-primary-fg-color--dark:  #5A496B;
}

[data-md-color-scheme="slate"][data-md-color-accent="custom"] {
  --md-accent-fg-color:         var(--kcg-mauve);
}

/* Editorial typography — Cormorant Garamond for headings only.
 * Material applies font-weight 700 to h1/h2 by default, which over-weights
 * Cormorant. 600 reads as confident without going slab. */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-header__topic,
.md-nav__title {
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: 0.005em;
}

.md-typeset h1 {
  font-size: 2.4rem;
  line-height: 1.2;
}

.md-typeset h2 {
  font-size: 1.7rem;
}

/* Hairlines on KCG's rule color rather than Material's default tint. */
.md-typeset hr {
  border-color: var(--kcg-rule);
}