/* Design tokens. Set these from a matched template's taxonomy.json
   (anchors.palette, anchors.fonts, anchors.type_scale_ratio,
   anchors.corner_radius_px, anchors.shadow_depth) as the first, cheap pass
   of styling a lead - real work happens in base.css and index.html after. */

:root {
  /* anchors.palette (tmpl_bb17 taxonomy) */
  --color-bg: #ffffff;
  --color-surface: #f9f9f9;
  --color-ink: #222222;
  --color-muted: #9b9b9b;
  --color-accent: #cca876;
  --color-accent-2: #000000;

  /* anchors.fonts: taxonomy could not verify actual fonts used (self-hosted,
     no Google Fonts link found). Chose a formal display serif + a clean
     geometric sans, loaded via Google Fonts below, to match the
     formality:4 / geometry:1 / warmth:2 editorial-premium read. */
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body: "Jost", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* anchors.type_scale_ratio: null - modest ratio suits density:4 */
  --type-scale: 1.22;
  --font-size-base: 1rem;
  --font-size-h1: calc(var(--font-size-base) * var(--type-scale) * var(--type-scale) * var(--type-scale));
  --font-size-h2: calc(var(--font-size-base) * var(--type-scale) * var(--type-scale));
  --font-size-h3: calc(var(--font-size-base) * var(--type-scale));

  /* anchors.corner_radius_px / shadow_depth: null - geometry:1 and
     formality:4 both point to sharp, unrounded, flat forms. */
  --radius: 0px;
  --shadow: none;
  --border: 1px solid rgba(34, 34, 34, 0.12);

  /* anchors.layout_width: unknown - technical.breakpoints_px tops at 1200 */
  --content-width: 1200px;

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
}