/* Breakpoints documented in _breakpoints.css */

:root {
    --font-sans: 'Sans Serif';
    --font-serif: 'Serif';
    --color-background: rgba(255, 244, 240, 1);
    --color-background-dark: rgba(255, 238, 232, 1);
    --measure: 768px;

    /* Fluid Space Scale */
    --space-3xs: clamp(0.25rem, 0.2247rem + 0.1126vw, 0.3125rem);
    --space-2xs: clamp(0.5rem, 0.4493rem + 0.2252vw, 0.625rem);
    --space-xs: clamp(0.75rem, 0.674rem + 0.3378vw, 0.9375rem);
    --space-s: clamp(1rem, 0.8986rem + 0.4505vw, 1.25rem);
    --space-m: clamp(1.5rem, 1.348rem + 0.6757vw, 1.875rem);
    --space-l: clamp(2rem, 1.7973rem + 0.9009vw, 2.5rem);
    --space-xl: clamp(3rem, 2.6959rem + 1.3514vw, 3.75rem);
    --space-2xl: clamp(4rem, 3.5946rem + 1.8018vw, 5rem);
    --space-3xl: clamp(6rem, 5.3919rem + 2.7027vw, 7.5rem);

    /* Fluid Type Scale */
    --step--2: clamp(0.7813rem, 0.7736rem + 0.0338vw, 0.8rem);
    --step--1: clamp(0.9375rem, 0.9122rem + 0.1126vw, 1rem);
    --step-0: clamp(1.125rem, 1.0743rem + 0.2252vw, 1.25rem);
    --step-1: clamp(1.35rem, 1.2639rem + 0.3829vw, 1.5625rem);
    --step-2: clamp(1.62rem, 1.4849rem + 0.6002vw, 1.9531rem);
    --step-3: clamp(1.944rem, 1.7423rem + 0.8962vw, 2.4414rem);
    --step-4: clamp(2.3328rem, 2.0413rem + 1.2954vw, 3.0518rem);
    --step-5: clamp(2.7994rem, 2.3877rem + 1.8294vw, 3.8147rem);

    --container-main: clamp(100%, 100%, 1400px);
}