:root {
    /* Colors */
    --color-brand-red: #8d1419;
    --color-ink: #1a1a1a;
    --color-hero-bg: #130707;
    --color-section-bg: #f2f2f2;
    --color-card-subbg: #f5f5f5;
    --color-form-text: #030411;
    --color-input-border: rgba(26, 26, 26, 0.4);
    --color-newsletter-label: #595959;
    --color-checkbox-border: #c2c6cc;
    --color-checkbox-checked: #529f5a;
    --color-checkbox-text: #2a2a2d;
    --color-link-privacy: #8d4343;
    --color-overlay: rgba(0, 0, 0, 0.44);
    --color-light: #fafafa;
    --color-white: #fff;
    --color-black: #000;

    /* Fonts */
    --font-display: "Inter", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;

    /* Fluid type scale: clamp(min, preferred, max), min at 425px, max at 1920px viewport */
    --text-hero-h1: clamp(1.75rem, 1.1rem + 2.6vw, 2.75rem);
    --text-hero-subhead: clamp(0.95rem, 0.8rem + 0.6vw, 1.375rem);
    --text-h2: clamp(1.375rem, 0.95rem + 1.7vw, 2.625rem);
    --text-h3: clamp(1.25rem, 0.9rem + 1.4vw, 2.375rem);
    --text-card-title: clamp(1.05rem, 0.9rem + 0.6vw, 1.25rem);
    --text-body: clamp(0.9rem, 0.82rem + 0.3vw, 1.125rem);
    --text-small: clamp(0.75rem, 0.7rem + 0.15vw, 0.875rem);
    --text-tiny: clamp(0.6875rem, 0.65rem + 0.1vw, 0.75rem);

    /* Spacing */
    --space-section-y: clamp(2rem, 1.2rem + 3vw, 3.5rem);
    --space-section-x: clamp(1.25rem, -1rem + 8vw, 7.5rem);
    --space-header-footer-x: clamp(1.25rem, -2rem + 12vw, 7.5rem);
    --space-card-pad: clamp(1.25rem, 0.9rem + 1.3vw, 2.5rem);

    /* Radius */
    --radius-md: 10px;
    --radius-sm: 3px;
    --radius-lg: 8px;
}