:root {
    --nz-red: #DD2026;
    --nz-red-dark: #A5171C;
    --nz-charcoal: #21201E;
    --nz-cream: #FCF6E3;
    --nz-cream-text: #FBE18F;
    --nz-card: #FFFFFF;
    --nz-gold: #E89722;
    --nz-ink: #262220;
    --nz-muted: #7A6F63;
    --nz-border: #EBDFC8;
    --nz-sage: #FBF0DA;
    --font-display: 'Poppins', 'Segoe UI', sans-serif;
    --font-body: 'Inter', 'Segoe UI', sans-serif;
}

html, body {
    background-color: var(--nz-cream);
    color: var(--nz-ink);
    font-family: var(--font-body);
    min-height: 100vh;
}

.app-container {
    max-width: 1400px;
    padding: 24px 32px 40px;
}

@media only screen and (max-width:920px) {
    .app-container {
        padding: 14px;
    }
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-display);
}

::-webkit-scrollbar {
    height: 10px;
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--nz-sage);
}

::-webkit-scrollbar-thumb {
    background: var(--nz-red);
    border-radius: 8px;
}

::selection {
    background: var(--nz-gold);
    color: var(--nz-charcoal);
}