:root {
    --tc-primary: #4e80e2;
    --tc-navy: #0b2647;
    --tc-primary-2: #3459a2;
    --tc-muted: #607d8b;
    --tc-space-1: 4px;
    --tc-space-2: 8px;
    --tc-space-3: 12px;
    --tc-space-4: 16px;
    --tc-space-5: 24px;
    --tc-space-6: 32px;
    --tc-space-7: 48px;
    --tc-space-8: 64px;
    --tc-space-9: 96px;
    --tc-section-s: 48px;
    --tc-section-m: 80px;
    --tc-section-l: 112px;
    --r-sm: 8px;
    --r-md: 12px;
    --r-lg: 20px;
    --r-pill: 999px;
    --w-bg: #0a1a33;
    --w-bg-2: #0f2342;
    --w-line: rgba(255, 255, 255, .08);
    --w-accent: #6ea0ff;
    --w-ok: #22c55e;
    --w-warn: #f59e0b;
    --w-bad: #f43f5e;
    --w-info: #38bdf8;
    --dur-fast: 200ms;
    --dur-flow: 3.2s;
    --ease-std: cubic-bezier(.4, 0, .2, 1);
}
@media (max-width: 767.98px) {
    :root {
        --tc-section-s: 29px;
        --tc-section-m: 48px;
        --tc-section-l: 67px;
    }
}