/* Maps Material's --md-* vars onto the design tokens (ADR-0017 addendum 2026-07-07).
   Scheme slots are generic; the VALUES come from tokens.css (copied at build).
   No raw colour literals — guard-enforced. */

:root {
  --md-text-font: var(--font-body);
  --md-code-font: var(--font-mono);
}

/* Dark slot — currently the Forge value-set (tokens.css :root). */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: var(--bg);
  --md-default-fg-color: var(--ink);
  --md-default-fg-color--light: var(--ink-mute);
  --md-default-fg-color--lighter: var(--ink-faint);
  --md-default-fg-color--lightest: var(--border);
  --md-primary-fg-color: var(--surface);
  --md-primary-bg-color: var(--ink);
  --md-accent-fg-color: var(--accent-active);
  --md-typeset-a-color: var(--primary);
  --md-code-bg-color: var(--surface);
  --md-code-fg-color: var(--ink);
  --md-footer-bg-color: var(--surface);
  --md-footer-bg-color--dark: var(--bg);
  --md-footer-fg-color: var(--ink);
  --md-footer-fg-color--light: var(--ink-mute);
  --md-admonition-bg-color: var(--surface);
}

/* Light slot — currently the Ash value-set (tokens.css [data-theme="ash"] values
   surface here because Material sets data-md-color-scheme, not data-theme; we
   re-state the hook so the SAME custom properties resolve). */
[data-md-color-scheme="default"] {
  --md-default-bg-color: var(--bg);
  --md-default-fg-color: var(--ink);
  --md-default-fg-color--light: var(--ink-mute);
  --md-default-fg-color--lighter: var(--ink-faint);
  --md-default-fg-color--lightest: var(--border);
  --md-primary-fg-color: var(--surface);
  --md-primary-bg-color: var(--ink);
  --md-accent-fg-color: var(--accent-active);
  --md-typeset-a-color: var(--primary);
  --md-code-bg-color: var(--surface);
  --md-code-fg-color: var(--ink);
  --md-footer-bg-color: var(--surface);
  --md-footer-bg-color--dark: var(--bg);
  --md-footer-fg-color: var(--ink);
  --md-footer-fg-color--light: var(--ink-mute);
  --md-admonition-bg-color: var(--surface);
}

/* Ash token values must activate when Material picks the light scheme:
   tokens.css keys its light block on [data-theme="ash"]; mirror that trigger. */
[data-md-color-scheme="default"] { color-scheme: light; }
[data-md-color-scheme="slate"] { color-scheme: dark; }