/*
 * Palette: warm-sand (v1) — Afternoon light on plaster.
 * Family: Light editorial.
 * Complete tokens file with the identical token-name API as fern
 * (doc/design-system-contract.md §5). Swap in place of css/tokens.css
 * to re-theme the whole site with no other change. All contrast pairs
 * AA-checked mechanically at authoring time (tests/Unit/PaletteCatalogTest.php).
 * Font pairing: warm-editorial.
 */
:root {
    /* Color */
    --pf-color-bg: #FAF7F2;
    --pf-color-bg-alt: #EAE3D8;
    --pf-color-surface: #FFFFFF;
    --pf-color-text: #241F1A;
    --pf-color-text-muted: #6B5C4D;
    --pf-color-primary: #A56040;
    --pf-color-primary-contrast: #FAF7F2;
    --pf-color-accent: #7C6047;
    --pf-color-border: #DCD9D4;

    /* Font families (self-hosted primaries land later; fallbacks render today) */
    --pf-font-heading: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
    --pf-font-body: "Inter", "Seravek", system-ui, sans-serif;

    /* Fluid type scale */
    --pf-text-sm: clamp(0.83rem, 0.8rem + 0.15vw, 0.92rem);
    --pf-text-md: clamp(1rem, 0.95rem + 0.25vw, 1.13rem);
    --pf-text-lg: clamp(1.2rem, 1.1rem + 0.5vw, 1.44rem);
    --pf-text-xl: clamp(1.5rem, 1.3rem + 1vw, 2rem);
    --pf-text-2xl: clamp(1.9rem, 1.5rem + 2vw, 2.8rem);
    --pf-text-3xl: clamp(2.4rem, 1.8rem + 3vw, 3.9rem);

    /* Leading */
    --pf-leading-body: 1.6;
    --pf-leading-heading: 1.15;

    /* Fluid space */
    --pf-space-2xs: clamp(0.25rem, 0.24rem + 0.05vw, 0.31rem);
    --pf-space-xs: clamp(0.5rem, 0.48rem + 0.1vw, 0.63rem);
    --pf-space-sm: clamp(0.75rem, 0.71rem + 0.2vw, 0.94rem);
    --pf-space-md: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
    --pf-space-lg: clamp(1.5rem, 1.4rem + 0.5vw, 2rem);
    --pf-space-xl: clamp(2.25rem, 2rem + 1.25vw, 3.25rem);
    --pf-space-2xl: clamp(3.5rem, 3rem + 2.5vw, 5.5rem);
    --pf-space-3xl: clamp(5rem, 4rem + 5vw, 8.5rem);

    /* Layout */
    --pf-content-width: 72rem;
    --pf-measure: 62ch;

    /* Shape & elevation */
    --pf-radius-sm: 3px;
    --pf-radius-md: 0.75rem;
    --pf-radius-lg: 2rem;
    --pf-shadow-sm: 0 1px 3px rgba(36, 31, 26, 0.08);
    --pf-shadow-md: 0 8px 28px rgba(36, 31, 26, 0.12);
    --pf-border-w: 1px;
}


/* Style overrides: font pairing "warm-editorial", spacing scale "default". */
:root {
    --pf-font-heading: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
    --pf-font-body: "Inter", "Seravek", system-ui, sans-serif;
}