/* ==========================================================================
   Design tokens — Room Archives
   Brand colours: #f3efe8 (dirty white) and #515151 (gray)
   ========================================================================== */

:root {
    /* Colour */
    --color-cream: #f3efe8;
    --color-paper: #f6f3ee;
    --color-charcoal: #515151;
    --color-ink: #1f1f1f;
    --color-text: #333333;
    --color-muted: #5f5f5f;
    --color-soft: #8a8782;
    --color-line: #d4cfc7;
    --color-line-strong: #c6c1ba;
    --color-white: #ffffff;
    --color-success: #4f6b4f;
    --color-error: #8a3b3b;

    /* Type */
    /* Bilimore (the client's font) for the brand, nav and headings; readable fonts for body text and labels */
    --font-display: "Bilimore", Georgia, "Times New Roman", serif;
    --font-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    --font-text: "Gelasio", Georgia, "Times New Roman", serif;
    --font-sans: "Montserrat", "Helvetica Neue", Arial, sans-serif;

    /* Layout — pages use the full width (minus the gutter) and stop growing at a 24" screen */
    --page-max: 1920px;
    --container: calc(var(--page-max) - 96px);
    --container-narrow: 1080px;
    --gutter: clamp(16px, 4vw, 48px);
    --header-height: 48px;

    /* Motion */
    --ease: cubic-bezier(0.25, 0.1, 0.25, 1);
    --duration: 0.25s;
}