/* ==========================================================================
   Keratombali — Shared Coldbrook design tokens
   Single source for the interior (non-front) pages. The front page keeps its
   own identical :root block in front-page.css — keep both in sync.
   ========================================================================== */

:root {
    /* Palette */
    --paper: #F5F5F2;
    --paper-2: #E9E8E4;
    --paper-3: #DEDFDB;
    --ink: #090B0C;
    --sage: #B8C0BC;
    --clay: #C9C3B9;
    --ice: #B9E5F3;

    /* Hairlines & muted text */
    --hair: rgba(9, 11, 12, 0.14);
    --hair-soft: rgba(9, 11, 12, 0.07);
    --ink-muted: rgba(9, 11, 12, 0.56);
    --ink-strong: rgba(9, 11, 12, 0.92);

    /* Typographic stack */
    --serif: 'Instrument Serif', 'Playfair Display', Georgia, 'Times New Roman', serif;
    --sans: 'DM Sans', 'Inter', system-ui, -apple-system, sans-serif;
    --mono: ui-monospace, 'SF Mono', 'Cascadia Mono', 'Roboto Mono', Menlo, Consolas, monospace;

    /* Motion */
    --ease: cubic-bezier(0.16, 1, 0.3, 1);

    /* Page width */
    --page-w: 91.5vw;
    --page-max: 1360px;
}

@media (max-width: 900px) {
    :root {
        --page-w: 89vw;
    }
}