/*
 * Theme tokens for the sample site (R6). This is the ONE tokens file per site:
 * every visual choice the golden template exposes lives here as a CSS custom
 * property. The design is a NEUTRAL placeholder only - grayscale, system fonts,
 * accessible contrast. Real visual identity is the-designer's (LVL) authority;
 * a generated site swaps these values, not the template.
 */
:root {
  /* Palette (neutral, WCAG-AA contrast on white) */
  --color-bg: #ffffff;
  --color-text: #1a1a1a;
  --color-heading: #111111;
  --color-muted: #4a4a4a;
  --color-border: #e2e2e2;
  --color-border-strong: #767676;
  --color-link: #17497e;
  --color-link-hover: #0e2f54;
  --color-accent: #1f2937;
  --color-accent-hover: #111827;
  --color-on-accent: #ffffff;
  --color-error: #8a1f1f;
  --color-focus: #17497e;

  /* Typography */
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial,
    sans-serif;
  --font-size-base: 1.0625rem;
  --font-size-h1: 1.9rem;
  --font-size-h2: 1.4rem;

  /* Layout */
  --content-width: 46rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --radius: 0.375rem;
}