:root {
    color-scheme: light;

    --hd-white: #ffffff;
    --hd-paper: #ffffff;
    --hd-mist: #e7e9eb;
    --hd-ink: #000000;
    --hd-charcoal: #111111;
    --hd-grey: #777777;
    --hd-line: #e2e2e2;
    --hd-line-soft: #eeeeee;
    --hd-error: #b01822;
    --hd-success: #1f5d42;
    --hd-oxblood: #b01822;
    --hd-bamboo: #111111;
    --hd-champagne: #d6c79a;
    --hd-porcelain: #ffffff;

    --hd-font-editorial: "Archivo", "Inter", "Helvetica Neue", Arial, sans-serif;
    --hd-font-sans: "Archivo", "Inter", "Helvetica Neue", Arial, sans-serif;

    --hd-text-xs: 0.6875rem;
    --hd-text-sm: 0.8125rem;
    --hd-text-base: 1rem;
    --hd-text-md: 1.125rem;
    --hd-text-lg: clamp(1.35rem, 2vw, 1.75rem);
    --hd-text-xl: clamp(2rem, 4vw, 3.75rem);
    --hd-text-display: clamp(3.1rem, 8vw, 8.5rem);

    --hd-space-1: 0.25rem;
    --hd-space-2: 0.5rem;
    --hd-space-3: 0.75rem;
    --hd-space-4: 1rem;
    --hd-space-5: 1.25rem;
    --hd-space-6: 1.5rem;
    --hd-space-8: 2rem;
    --hd-space-10: 2.5rem;
    --hd-space-12: 3rem;
    --hd-space-16: 4rem;
    --hd-space-20: 5rem;
    --hd-space-24: 6rem;
    --hd-space-32: 8rem;

    --hd-gutter: clamp(1rem, 3.5vw, 4.5rem);
    --hd-page-max: 120rem;
    --hd-content-max: 94rem;
    --hd-reading-max: 45rem;
    --hd-announcement-height: 2rem;
    --hd-header-height: 4.75rem;
    --hd-header-total: calc(var(--hd-announcement-height) + var(--hd-header-height));

    --hd-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --hd-ease-in-out: cubic-bezier(0.76, 0, 0.24, 1);
    --hd-speed-fast: 180ms;
    --hd-speed: 360ms;
    --hd-speed-slow: 720ms;
}