:root {
    color-scheme: light;

    --color-ink: #101533;
    --color-ink-soft: #4d4960;
    --color-paper: #fffdf8;
    --color-canvas: #fbf7f2;
    --color-surface-tint: #f7f0fa;
    --color-brand: #711d63;
    --color-brand-strong: #101533;
    --color-accent: #f45b72;
    --color-accent-strong: #ad235f;
    --color-highlight: #ffd447;
    --color-teal: #168f7a;
    --color-cyan: #2ba7a0;
    --color-pink: #e96b9e;
    --color-coral: #f45b72;
    --color-border: #d9d2d7;
    --color-focus: #6b24d6;

    --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-profile: "forma-djr-display", var(--font-sans);
    --font-display: var(--font-profile);

    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: clamp(1.125rem, 1rem + 0.35vw, 1.375rem);
    --text-xl: clamp(1.5rem, 1.25rem + 0.9vw, 2.125rem);
    --hero-min-height: clamp(25rem, 40vw, 32rem);
    --hero-video-height: clamp(37.8rem, 89.25svh, 51.45rem);
    --text-hero: clamp(2.5rem, 1.8rem + 3.4vw, 5.5rem);

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4.5rem;

    --radius-sm: 0.35rem;

    --content-width: 72rem;
    --content-reading: 44rem;
    --transition-fast: 160ms ease;
}