@import url("https://fonts.googleapis.com/css2?family=Orbit&family=Orbitron:wght@400..900&display=swap");

.orbitron-classic {
    font-family: "Orbitron", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.orbit-regular {
    font-family: "Orbit", sans-serif;
    font-weight: 400;
    font-style: normal;
}

:root {
    /* VARIABLES DE COULEURS (Thème Clair) */
    --primary-orange: #E78239;
    --bg-body: #EAEAEA;
    --bg-card: #EAEAEA;
    --bg-header: #EAEAEA;
    --text-main: #1D1B20;
    --text-muted: #4D4D4D;
    --text-principal: #EAEAEA;
    --border-color: #757575;

    /* VARIABLES GÉNÉRALES */
    --layout-gutter: clamp(20px, calc((100% - 1440px) / 2), 270px);
}

/* SURCHARGE POUR LE THÈME SOMBRE */
[data-theme="dark"] {
    --bg-body: #333;
    --bg-card: #4D4D4D;
    --bg-header: #333;
    --text-main: #EAEAEA;
    --text-muted: #FFF;
    --text-principal: #EAEAEA;
    --border-color: #EAEAEA;
}