@font-face {
    font-family: "Exo 2";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("/fonts/exo-2-latin-600.woff2") format("woff2");
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400 600;
    font-display: swap;
    src: url("/fonts/inter-latin-400-600.woff2") format("woff2");
}

:root {
    --brand-navy: #0D1B3D;
    --brand-orange: #FF6A00;
    --brand-white: #FFFFFF;
    --ink: var(--brand-navy);
    --ink-raised: #14264F;
    --ink-soft: #1B315F;
    --paper: #F6F8FC;
    --paper-raised: var(--brand-white);
    --text-on-dark: var(--brand-white);
    --muted-on-dark: #C7D0E2;
    --text-on-light: var(--brand-navy);
    --muted-on-light: #4D5C79;
    --orange: var(--brand-orange);
    --orange-hover: #E65F00;
    --orange-light: #FFB27F;
    --line-dark: rgba(255, 255, 255, 0.16);
    --line-light: #D7DDEA;
    --radius-lg: 28px;
    --radius-md: 18px;
    --shadow-dark: 0 28px 80px rgba(5, 13, 32, 0.3);
    --shadow-light: 0 18px 50px rgba(13, 27, 61, 0.1);
}

body,
button,
input,
select,
textarea {
    font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

h1,
h2,
.sf-display {
    font-family: "Exo 2", "Inter", sans-serif;
    font-weight: 600;
}