@font-face {
    font-family: Outfit;
    src: url("../fonts/outfit-latin-wght-normal.woff2") format("woff2");
    font-weight: 300 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --bg-primary: #070708;
    --bg-secondary: #101114;
    --bg-elevated: #16171c;
    --text-primary: #f3f3f4;
    --text-secondary: #9a9ba3;
    --text-muted: #6d6e76;
    --brand-primary: #e4000c;
    --brand-primary-strong: #f0000c;
    --border-color: rgba(243, 243, 244, 0.1);
    --border-strong: rgba(243, 243, 244, 0.22);
    --container-max: 1180px;
    --header-h: 72px;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 1rem;
    --space-4: 1.5rem;
    --space-5: 2.5rem;
    --space-6: 4.5rem;
    --space-7: 7rem;
    --radius-sm: 2px;
    --radius-md: 4px;
    --font: Outfit, "Segoe UI", system-ui, sans-serif;
    --transition-fast: 160ms ease;
    --transition-default: 280ms ease;
    --focus: 0 0 0 2px var(--bg-primary), 0 0 0 4px var(--brand-primary);
}