/* Tokyo Night theme for the dotfiles docs site.
   Enabled by `primary: custom` / `accent: custom` in mkdocs.yml; these
   variables restyle Material's `slate` (dark, shown by default) and `default`
   (light) colour schemes to the enkia Tokyo Night palette — matching the
   Ghostty / Hyper terminal theme this repo ships. */

/* ---------- Tokyo Night (dark) — the `slate` scheme, default ---------- */
[data-md-color-scheme="slate"] {
  --md-default-bg-color:           #1a1b26;
  --md-default-bg-color--light:    #24283b;
  --md-default-bg-color--lighter:  #292e42;
  --md-default-bg-color--lightest: #1f2335;
  --md-default-fg-color:           #c0caf5;
  --md-default-fg-color--light:    #a9b1d6;
  --md-default-fg-color--lighter:  #565f89;
  --md-default-fg-color--lightest: #414868;

  /* header + nav bar */
  --md-primary-fg-color:        #16161e;
  --md-primary-fg-color--light: #24283b;
  --md-primary-fg-color--dark:  #16161e;
  --md-primary-bg-color:        #c0caf5;
  --md-primary-bg-color--light: #a9b1d6;

  /* links + interactive accent */
  --md-accent-fg-color:         #7dcfff;
  --md-typeset-a-color:         #7aa2f7;

  /* code + syntax highlighting */
  --md-code-bg-color:             #16161e;
  --md-code-fg-color:             #c0caf5;
  --md-code-hl-color:             #283457;
  --md-code-hl-comment-color:     #565f89;
  --md-code-hl-keyword-color:     #bb9af7;
  --md-code-hl-function-color:    #7aa2f7;
  --md-code-hl-string-color:      #9ece6a;
  --md-code-hl-number-color:      #ff9e64;
  --md-code-hl-constant-color:    #ff9e64;
  --md-code-hl-special-color:     #f7768e;
  --md-code-hl-operator-color:    #89ddff;
  --md-code-hl-punctuation-color: #89ddff;
  --md-code-hl-name-color:        #c0caf5;
  --md-code-hl-variable-color:    #e0af68;

  /* footer */
  --md-footer-bg-color:       #16161e;
  --md-footer-bg-color--dark: #101014;
}

/* ---------- Tokyo Night Day (light) — the `default` scheme ---------- */
[data-md-color-scheme="default"] {
  --md-default-bg-color:        #e1e2e7;
  --md-default-fg-color:        #343b58;
  --md-default-fg-color--light: #4c505e;
  --md-primary-fg-color:        #34548a;
  --md-primary-fg-color--dark:  #1a4ba8;
  --md-primary-bg-color:        #ffffff;
  --md-accent-fg-color:         #007197;
  --md-typeset-a-color:         #2e7de9;
  --md-code-bg-color:           #d4d6e4;
  --md-code-fg-color:           #343b58;
}

/* ---------- Small cross-scheme polish ---------- */
.md-typeset pre > code,
.md-typeset .admonition,
.md-typeset details {
  border-radius: 8px;
}

.md-nav__link:focus,
.md-nav__link:hover {
  color: var(--md-accent-fg-color);
}