/* THEME SETTINGS — change shared colours, fonts and sizes here.
   Keep semantic names: ink = main text, muted = secondary text, accent = actions/labels.
   Overlays derive from ink. Check text contrast after every palette change.
   See MAINTENANCE.md before changing the stylesheet loading order. */
:root {
    --font-display: Georgia, "Times New Roman", serif;
    --font-body: system-ui, sans-serif;
    --bg: #f5f1e8;
    --ink: #1c302e;
    --muted: #52615a;
    --accent: #9b482e;
    --panel: #e8e3d8;
    --line: #d7d0c4;
    --overlay-soft: color-mix(in srgb, var(--ink) 50%, transparent);
    --overlay-strong: color-mix(in srgb, var(--ink) 88%, transparent);
    --type-page: clamp(2.75rem, 5.6vw, 5rem);
    --type-section: clamp(2rem, 3.5vw, 3rem);
    --type-subsection: 1.5rem;
    --type-intro: 1.25rem;
    --type-body: 1rem;
    --type-small: .875rem;
    --type-label: .75rem;
    --type-brand: 2rem;

    --page: 1240px;
    --section-top: 60px;
    --section-bottom: 72px;
    --caption-padding: 12px 15px;
    --button-radius: 2px;
}