:root {
    --sv-color-obsidian: #000000;
    --sv-color-smoke: #050409;
    --sv-color-ash-mist: #b8b6bb;
    --sv-color-iron-veil: #89868e;
    --sv-color-faded-print: #999999;
    --sv-color-snow: #ffffff;
    --sv-color-eclipse-indigo: #0e0a17;
    --sv-color-signal-blue: #3d6a99;
    --sv-color-glacier-beam: #71b8f2;
    --sv-brand-red: #ef4444;
    --sv-brand-orange: #f97316;
    --sv-brand-indigo: #5c3eff;
    --sv-font-ui: "Max Sans", Inter, ui-sans-serif, system-ui, -apple-system,
        BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --sv-text-caption: 10px;
    --sv-text-body: 14px;
    --sv-text-body-lg: 16px;
    --sv-text-subheading: 18px;
    --sv-text-heading-sm: 24px;
    --sv-text-heading: 28px;
    --sv-text-heading-lg: 35px;
    --sv-text-display: 56px;
    --sv-leading-caption: 1.6;
    --sv-leading-body: 1.25;
    --sv-leading-body-lg: 1.2;
    --sv-leading-heading: 1.1;
    --sv-spacing-unit: 4px;
    --sv-space-4: 4px;
    --sv-space-8: 8px;
    --sv-space-12: 12px;
    --sv-space-16: 16px;
    --sv-space-24: 24px;
    --sv-space-32: 32px;
    --sv-space-48: 48px;
    --sv-space-64: 64px;
    --sv-radius-md: 4.5px;
    --sv-radius-lg: 8px;
    --sv-radius-pill: 100px;
    --sv-ease-smooth: cubic-bezier(.22, 1, .36, 1);
}

html { background: var(--sv-color-obsidian); scroll-behavior: smooth; }
body {
    font-family: var(--sv-font-ui);
    font-size: var(--sv-text-body);
    line-height: var(--sv-leading-body);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
button, input, select, textarea { font: inherit; }
:focus-visible { outline: 2px solid var(--sv-color-glacier-beam); outline-offset: 3px; }
::selection { background: var(--sv-brand-indigo); color: var(--sv-color-snow); }
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}