:root {
    --ink: #111416;
    --ink-soft: #1c2023;
    --ink-muted: #343a3f;
    --paper: #f2f0eb;
    --paper-strong: #faf9f6;
    --white: #ffffff;
    --mist: #dce1e3;
    --steel: #9aa4aa;
    --line: rgba(17, 20, 22, 0.16);
    --line-light: rgba(255, 255, 255, 0.18);
    --accent: #d9a441;
    --accent-dark: #ad7a23;
    --danger: #a33b32;
    --success: #2d6b4a;

    --font-display: "Arial Narrow", "Roboto Condensed", "Helvetica Neue Condensed", "Arial", sans-serif;
    --font-body: "Segoe UI", "Helvetica Neue", Arial, sans-serif;

    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: clamp(1rem, 0.96rem + 0.18vw, 1.125rem);
    --text-lg: clamp(1.2rem, 1.05rem + 0.5vw, 1.55rem);
    --text-xl: clamp(1.65rem, 1.2rem + 1.1vw, 2.45rem);
    --title-sm: clamp(2.6rem, 1.75rem + 3vw, 5.5rem);
    --title-lg: clamp(4.2rem, 2.15rem + 7vw, 10rem);
    --title-hero: clamp(4.6rem, 2.2rem + 8.4vw, 12rem);

    --space-2xs: 0.4rem;
    --space-xs: 0.75rem;
    --space-sm: 1.25rem;
    --space-md: 2rem;
    --space-lg: clamp(3rem, 2rem + 3vw, 6rem);
    --space-xl: clamp(5rem, 3rem + 5vw, 9rem);
    --space-2xl: clamp(7rem, 5rem + 7vw, 13rem);

    --shell: 82rem;
    --shell-wide: 104rem;
    --gutter: clamp(1.25rem, 2.5vw, 3rem);
    --header-height: 6.1rem;

    --radius-sm: 0.2rem;
    --radius-md: 0.4rem;
    --shadow-lift: 0 1.5rem 4rem rgba(7, 10, 12, 0.18);
    --transition-fast: 180ms cubic-bezier(0.2, 0.75, 0.25, 1);
    --transition: 360ms cubic-bezier(0.2, 0.75, 0.25, 1);
    --transition-slow: 700ms cubic-bezier(0.16, 1, 0.3, 1);
}