:root {
    --site-color-background: #fcf9f8;
    --site-color-surface: #ffffff;
    --site-color-surface-soft: #f6f3f2;
    --site-color-surface-strong: #e9e5e4;
    --site-color-primary: #4648d4;
    --site-color-primary-strong: #2d30a7;
    --site-color-secondary: #555f6d;
    --site-color-secondary-soft: #d9e3f4;
    --site-color-text: #1c1b1b;
    --site-color-text-muted: #4f5460;
    --site-color-text-soft: #737985;
    --site-color-border: #c8cdd9;
    --site-color-border-soft: #e5e8ef;
    --site-color-success: #2f8b57;
    --site-color-danger: #b63b3b;
    --site-font-display: "Hanken Grotesk", sans-serif;
    --site-font-body: "Inter", sans-serif;
    --site-font-label: "JetBrains Mono", monospace;
    --site-radius-sm: 0.75rem;
    --site-radius-md: 1rem;
    --site-radius-lg: 1.5rem;
    --site-radius-xl: 2rem;
    --site-radius-panel: 2rem;
    --site-radius-pill: 9999px;
    --site-space-2: 0.5rem;
    --site-space-3: 0.75rem;
    --site-space-4: 1rem;
    --site-space-5: 1.25rem;
    --site-space-6: 1.5rem;
    --site-space-8: 2rem;
    --site-space-10: 2.5rem;
    --site-space-12: 3rem;
    --site-space-16: 4rem;
    --site-space-20: 5rem;
    --site-space-section-y: 7rem;
    --site-max-width: 75rem;
    --site-copy-width: 42rem;
    --site-shadow-soft: 0 22px 64px rgba(12, 27, 64, 0.08);
    --site-shadow-card: 0 16px 36px rgba(12, 27, 64, 0.08);
    --site-transition: 180ms ease;
    --site-border: 1px solid var(--site-color-border);
}