:root {
  --color-background: #f0ebe2; --color-surface: #faf7f1; --color-surface-alt: #ddd4c6; --color-text: #181713; --color-text-muted: #5d574e; --color-primary: #8f3f29; --color-primary-contrast: #fffaf2; --color-accent: #173f75; --color-border: #bdb2a3; --color-focus: #005fcc;
  --font-body: Arial, Helvetica, sans-serif; --font-heading: Georgia, 'Times New Roman', serif;
  --container-width: 82rem; --reading-width: 46rem; --section-space: clamp(3.75rem, 8vw, 8rem); --content-gap: clamp(1rem, 2.5vw, 2rem);
  --radius-small: .15rem; --radius-medium: .25rem; --radius-large: .4rem; --shadow-small: 0 5px 18px rgb(24 23 19 / .09); --shadow-medium: 0 24px 68px rgb(24 23 19 / .16); --transition-fast: 120ms; --transition-standard: 220ms;
}