/* tokens.css — written by tools/design-tokens.py from design.tokens.json
 * (W3C Design Tokens Format Module 2025.10).
 * Change the tokens there and run the converter again: DES-2 makes the
 * tokens file the source and this file its output.
 *
 * Paper-cream light palette from the edited Penpot Home boards on 4 October 2026. Highlight #3A0A0A, charcoal primary text, burgundy small accent text. Font sizes are rem at 16 px. Hover colour is an implementation addition.
 */

:root {
    --c-bg: #FAF7EF;
    --c-panel: #FFFDFA;
    --c-rule: #D8CEC4;
    --c-text: #101114;
    --c-muted: #605954;
    --c-accent: #3A0A0A;
    --c-accent-text: #A30B24;
    --c-button-text: #FFFFFF;
    --c-accent-hover: #591515;

    --font-ui: Inter, system-ui, sans-serif;
    --font-display: "Source Serif 4", Georgia, serif;

    --t-body: 1rem;
    --t-brand: 1.875rem;
    --t-hero-brand: 3rem;
    --t-hero: 4.75rem;
    --t-lead: 1.1875rem;
    --t-section: 2.625rem;
    --t-section-lead: 1.0625rem;
    --t-card-title: 1.1875rem;
    --t-card-body: 0.875rem;
    --t-eyebrow: 0.75rem;
    --t-closing: 2.3125rem;
    --t-hero-brand-narrow: 1.5rem;
    --t-hero-narrow: 2.25rem;
    --t-year-narrow: 2.625rem;
    --t-section-narrow: 1.9375rem;

    --r-card: 12px;
    --r-button: 9px;
    --r-preview: 14px;

    --s-card-gap: 24px;

    --layout-content: 1248px;
}