:root {
    --color-ink: #11152f;
    --color-ink-soft: #202748;
    --color-brand: #0a2aa8;
    --color-brand-bright: #2498e8;
    --color-text: #1b2038;
    --color-muted: #62697a;
    --color-line: #d9dce3;
    --color-line-dark: rgba(255, 255, 255, .22);
    --color-surface: #ffffff;
    --color-subtle: #f3f4f7;
    --color-success: #176b44;
    --color-error: #9f2632;
    --font-sans: "Helvetica Neue", "Segoe UI", Arial, sans-serif;
    --container-max: 1240px;
    --container-gutter: clamp(20px, 4vw, 48px);
    --space-1: .5rem;
    --space-2: .75rem;
    --space-3: 1rem;
    --space-4: 1.5rem;
    --space-5: 2rem;
    --space-6: 3rem;
    --space-7: 4.5rem;
    --space-8: 7rem;
    --radius-sm: 2px;
    --radius-md: 6px;
    --shadow-focus: 0 0 0 3px rgba(36, 152, 232, .34);
    --transition-fast: 180ms ease;
    --transition-slow: 480ms cubic-bezier(.22, 1, .36, 1);
}