/*
 * Version 4 — Watchdog brand tokens + ND-style layout variables.
 * Scoped to html[data-wd-build="v4"]; matches site-index/tokens.css colours.
 */
html[data-wd-build="v4"] {
  /* Sitewide horizontal rhythm — larger than :root so content never hugs the viewport. */
  --idx-gutter: clamp(1.35rem, 5.5vw, 3.25rem);
  --idx-bg: #101012;
  --idx-surface: #18181b;
  --idx-ink: #fafafa;
  --idx-muted: #a1a1aa;
  --idx-accent: #fff200;
  --idx-accent-ink: #0a0a0b;
  --idx-accent-deep: #e8e000;
  --idx-accent-mid: #f0e600;
  --idx-accent-wash: #f7e800;
  --idx-accent-tint: #fffce8;
  --idx-accent-rgb: 255 242 0;
  --idx-accent-bright: #fff191;
  --idx-line: rgba(255, 255, 255, 0.1);
  --idx-line-strong: rgb(var(--idx-accent-rgb) / 0.35);
  /* Light “paper” bands (ND-style body sections) */
  --v4-paper: #f0f0f2;
  --v4-paper-2: #e8e8ec;
  /* Extra inset inside paper sections + .container (headings were flush to band edges). */
  --v4-section-inset: clamp(1rem, 2.75vw, 1.85rem);
  --v4-ink-dark: #0f0f12;
  --v4-muted-dark: #4a4a55;
  --v4-font: "Source Sans 3", system-ui, sans-serif;
  --v4-display: "Oswald", "Source Sans 3", system-ui, sans-serif;
  --idx-font: var(--v4-font);
  --idx-display: var(--v4-display);
}