* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-family: Arial, Helvetica, sans-serif;
    background: var(--page-bg);
    color: var(--text-primary);
}

body {
    min-height: 100vh;
    background: var(--page-bg);
    color: var(--text-primary);
    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}

button,
select {
    font: inherit;
}

button {
    border: 0;
    cursor: pointer;
}

a {
    color: inherit;
    text-decoration: none;
}

.container {
    width: min(96%, 1500px);
    margin: 0 auto;
}

.hidden {
    display: none !important;
}