/* Graphite+ — the kin identity, ported to the docs site.
 *
 * Single source of truth for the site palette. The exact hex mirrors
 * src/kin/tui/theme.py (GROUND / FG / PRIMARY / REASON / …) so the site reads
 * like the TUI rather than stock Material indigo. mkdocs.yml sets
 * `primary: custom` / `accent: custom`, which makes Material defer to these
 * --md-primary / --md-accent variables. Keep this the ONLY place the palette
 * lives, so a re-tint (or a move to Zensical) is a one-file change.
 *
 *   GROUND   #101114   cool graphite ground
 *   FG       #E3E3E6   neutral bone body text
 *   PRIMARY  #5FBFD6   clean cyan — kin's live "voice"
 *   REASON   #9E97D2   periwinkle — the reasoning channel (links/accents)
 *   CODE_BG  #14171D   one shade lifted, for fenced code
 *   SUCCESS  #5FC198 · WARNING #D6A855 · ERROR #E5786E
 */

/* ── Dark (the default; matches the TUI) ──────────────────────────────── */
[data-md-color-scheme="slate"] {
  --md-hue: 222;

  --md-default-bg-color:            #101114;  /* GROUND */
  --md-default-fg-color:            #E3E3E6;  /* FG */
  --md-default-fg-color--light:     #B4B8BF;  /* GREY_HI */
  --md-default-fg-color--lighter:   #8C9099;  /* GREY_MID */
  --md-default-fg-color--lightest:  #2A2E36;  /* RULE */

  /* Header/footer stay graphite — no cyan bar; cyan is reserved for signal. */
  --md-primary-fg-color:            #101114;
  --md-primary-fg-color--light:     #1A1D23;  /* PANEL */
  --md-primary-fg-color--dark:      #101114;
  --md-primary-bg-color:            #E3E3E6;
  --md-primary-bg-color--light:     #B4B8BF;

  /* Accent = cyan: links, hover, focus, active nav, the "kin speaking" colour. */
  --md-accent-fg-color:             #5FBFD6;  /* PRIMARY */
  --md-accent-fg-color--transparent: #5fbfd61a;
  --md-accent-bg-color:             #101114;

  --md-typeset-a-color:             #5FBFD6;  /* PRIMARY — body links */

  /* Code */
  --md-code-bg-color:               #14171D;  /* CODE_BG */
  --md-code-fg-color:               #E3E3E6;
  --md-code-hl-color:               #5fbfd626;

  /* Status colours, straight from the theme */
  --md-typeset-mark-color:          #9e97d233;  /* REASON wash */
  --md-footer-bg-color:             #0C0D10;
  --md-footer-bg-color--dark:       #0A0B0E;
}

/* Periwinkle for "note"-class admonitions ties the reasoning colour in. */
[data-md-color-scheme="slate"] .md-typeset .admonition.note,
[data-md-color-scheme="slate"] .md-typeset details.note {
  border-color: #9E97D2;  /* REASON */
}
[data-md-color-scheme="slate"] .md-typeset .note > .admonition-title,
[data-md-color-scheme="slate"] .md-typeset .note > summary {
  background-color: #9e97d21a;
  border-color: #9E97D2;
}
[data-md-color-scheme="slate"] .md-typeset .note > .admonition-title::before,
[data-md-color-scheme="slate"] .md-typeset .note > summary::before {
  background-color: #9E97D2;
}

/* ── Light (secondary; same hues, legible ground) ─────────────────────── */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:    #14171D;
  --md-primary-bg-color:    #FFFFFF;
  --md-accent-fg-color:     #2E5A66;  /* PRIMARY_DIM — cyan that holds on white */
  --md-typeset-a-color:     #2E5A66;
}

/* Wordmark: the one place cyan belongs in the chrome. */
.md-header__title,
.md-nav__title {
  font-weight: 600;
}
[data-md-color-scheme="slate"] .md-header__topic:first-child .md-ellipsis {
  color: #5FBFD6;  /* PRIMARY */
}