@font-face {
    font-family: 'Inter';
    src: url('../assets/inter-var.woff') format('woff');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

:root {
    --gold: #9c884e;
    --paper: #f8f4ea;
    --ink: #14110d;
    --mist: #efe9db;
    --sand: #e5ddc7;
    --blue: #1d6fb0;
    --navy: #0f3659;
    --navy-deep: #0b2a45;
    --gold-light: #cdb26c;
    --brown: #8a5a2b;
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
    margin: 0;
    background: var(--paper);
    color: var(--ink);
    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
    font-feature-settings: 'cv11', 'ss03';
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100svh;
}

a { color: inherit; }

.container {
    width: 100%;
    max-width: 1440px;
    margin-inline: auto;
    padding-inline: 20px;
}

@media (min-width: 768px) {
    .container { padding-inline: 40px; }
}

:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }

::selection { background: var(--gold); color: #fff; }