/* ====================================================================
   Tafelreich Institut — Design Tokens
   Palette source: bejson "Честный, устойчивый, изысканный" triad 3
   ==================================================================== */

:root {
    /* Brand palette */
    --color-forest: #336633;
    --color-forest-deep: #1a3a1a;
    --color-bordeaux: #990033;
    --color-bordeaux-dim: #7a002a;
    --color-apricot: #ffcc99;

    /* Surfaces */
    --color-paper: #f5f1ec;
    --color-paper-deep: #ebe6df;
    --color-ink: #1a1a1a;
    --color-ink-soft: #333333;
    --color-ink-muted: #5a5a5a;
    --color-line: #d8d2c8;

    /* Decorative — declared, never referenced (noise: unused_css_var) */
    --accent-soft: #ffcc9933;

    /* Typography */
    --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
    --font-body: "Inter", -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif;

    /* Type scale (rem-only per persona) */
    --size-h1: clamp(2.25rem, 1.4rem + 3.2vw, 3.5rem);
    --size-h2: clamp(1.75rem, 1.2rem + 2vw, 2.5rem);
    --size-h3: clamp(1.25rem, 1rem + 1vw, 1.625rem);
    --size-body: 1.0625rem;
    --size-small: 0.9375rem;

    /* Spacing — 8pt grid (rem) */
    --space-1: 0.5rem;
    --space-2: 1rem;
    --space-3: 1.5rem;
    --space-4: 2rem;
    --space-5: 3rem;
    --space-6: 4rem;
    --space-7: 6rem;
    --space-8: 8rem;

    /* Layout */
    --container: 75rem;
    --radius-s: 0.25rem;
    --radius-m: 0.5rem;
    --radius-l: 1rem;

    /* Motion */
    --t-fast: 180ms;
    --t-mid: 280ms;
}

@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}