/* =====================================================
   VARIABILI GENERALI
===================================================== */

:root {
    --color-background: #07111f;
    --color-background-light: #0f1d33;
    --color-surface: #14233c;
    --color-primary: #1d4ed8;
    --color-primary-hover: #3568ef;
    --color-gold: #d4af37;
    --color-gold-dark: #a97c08;
    --color-white: #ffffff;
    --color-text: #c7cdd8;
    --color-border: rgba(255, 255, 255, 0.1);

    --container-width: 1440px;
    --header-height: 86px;

    --transition: 0.25s ease;
}

/* =====================================================
   RESET
===================================================== */

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

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    overflow-x: hidden;
    background: var(--color-background);
    color: var(--color-white);
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.5;
}

body.menu-open {
    overflow: hidden;
}

img {
    display: block;
    max-width: 100%;
}

a {
    color: inherit;
}

button,
input,
textarea,
select {
    font: inherit;
}

button {
    cursor: pointer;
}

.container {
    width: min(92%, var(--container-width));
    margin-inline: auto;
}