/* @antora-supplemental/color-scheme: the token contract. No color values.
 *
 * A paint styles two schemes through these hooks on <html>. They are set by
 * the light/dark layer (@antora-supplemental/light-dark-mode) or by anything
 * else that picks a scheme:
 *   .dark-theme                       resolved scheme is dark
 *   [data-theme="light"|"dark"]       resolved scheme
 *   [data-dm-navbar]                  from <meta name="dm-navbar">, for paint
 *
 * Token contract. A paint defines these on :root (light) and html.dark-theme
 * (dark); layouts and extensions read them as var(--name, fallback) with a
 * system-color fallback (Canvas, CanvasText, GrayText, LinkText, transparent),
 * so a layout renders without any paint:
 *   core      --cs-canvas --cs-elevated --cs-ink --cs-ink-muted --cs-border
 *             --cs-accent
 *   accents   --cs-accent-hover --cs-accent-soft --cs-hover
 *   code      --cs-code-bg --cs-code-fg   (listing/pre blocks)
 *   callouts  --cs-admonition-note -tip -important -warning -caution
 * The six core tokens are also published as --valentus-canvas, -elevated,
 * -ink, -ink-muted, -border, -accent (paints alias them to --cs-*); existing
 * extensions read those names, and they remain part of the contract.
 *
 * The switch transition (light-dark-mode-animating / -vt) belongs to
 * light-dark-mode.
 */
:root {
  color-scheme: light dark;
}

html[data-theme="light"] {
  color-scheme: light;
}

html[data-theme="dark"] {
  color-scheme: dark;
}