:root {
    color-scheme: light;

    --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";

    --fs-900: clamp(2.25rem, 1.9rem + 1.6vw, 3.25rem);
    --fs-800: clamp(1.85rem, 1.6rem + 1.1vw, 2.4rem);
    --fs-700: 1.5rem;
    --fs-600: 1.25rem;
    --fs-500: 1.125rem;
    --fs-400: 1rem;
    --fs-300: 0.9375rem;
    --fs-200: 0.875rem;

    --lh-tight: 1.12;
    --lh-snug: 1.25;
    --lh-normal: 1.55;

    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;

    --tracking-tight: -0.02em;
    --tracking-normal: 0em;

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

    --radius-1: 0.5rem;
    --radius-2: 0.75rem;
    --radius-3: 1rem;
    --radius-4: 1.25rem;
    --radius-pill: 999rem;

    --shadow-1: 0 1px 2px rgba(16, 24, 40, 0.06), 0 1px 3px rgba(16, 24, 40, 0.10);
    --shadow-2: 0 8px 24px rgba(16, 24, 40, 0.10);

    --color-bg: #fbfbfc;
    --color-surface: #ffffff;
    --color-surface-2: #f3f4f6;
    --color-border: rgba(15, 23, 42, 0.10);

    --color-text: #0b1220;
    --color-muted: rgba(11, 18, 32, 0.70);
    --color-faint: rgba(11, 18, 32, 0.55);

    --color-accent: #2563eb;
    --color-accent-2: #1d4ed8;

    --color-success: #16a34a;
    --color-danger: #dc2626;

    --container-max: 1200px;
    --container-pad: clamp(1rem, 3vw, 1.75rem);

    --bp-sm: 560px;
    --bp-md: 820px;
    --bp-lg: 1080px;

    --focus-ring: 0 0 0 4px rgba(37, 99, 235, 0.22);

    --stack-gap: var(--space-6);
    --cluster-gap: var(--space-3);
    --grid-gap: var(--space-6);
}