/* ==========================================
   LOS SANTOS CUSTOMS WEBSITE
   Global Style
   Versione 3.0 - Fiery Orange & Dark Metal
========================================== */

/* RESET */

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

/* ROOT */

:root{

    /* Colori di Accento Fiery & Gold */
    --primary:#FF5500;
    --primary-dark:#D14400;
    --secondary:#FFB700;

    /* Sfondi Scuro & Cenere */
    --background:#0A0A0B;
    --background-light:#141416;
    --background-dark:#050506;

    /* Testi */
    --text:#ffffff;
    --text-secondary:#d8d8d8;
    --text-gold:#FFB700;

    /* Bordi e Vetro */
    --border:rgba(255,255,255,.08);
    --border-fire:rgba(255,85,0,.35);
    --glass:rgba(255,255,255,.04);

    /* Ombre e Glow Neon */
    --shadow-blue:0 0 30px rgba(255,85,0,.30);
    --shadow-fire:0 0 30px rgba(255,85,0,.35);
    --shadow-gold:0 0 20px rgba(255,183,0,.25);

    --radius:22px;

    --transition:.35s ease;

}

/* BODY */

html{

    scroll-behavior:smooth;

}

body{

    background:var(--background);

    color:var(--text);

    font-family:"Poppins",sans-serif;

    overflow-x:hidden;

}

/* IMMAGINI */

img{

    display:block;

    max-width:100%;

}

/* LINK */

a{

    text-decoration:none;

    color:inherit;

}

/* BOTTONI */

button{

    font-family:inherit;

    cursor:pointer;

}

/* SEZIONI */

section{

    width:100%;

}

/* CONTAINER */

.container{

    width:min(1400px,92%);

    margin:auto;

}

/* TITOLI */

.section-title{

    display:inline-block;

    padding:8px 18px;

    border-radius:30px;

    border:1px solid var(--border-fire);

    background:rgba(255,85,0,.12);

    color:var(--primary);

    font-size:14px;

    letter-spacing:2px;

    text-transform:uppercase;

    box-shadow: 0 0 15px rgba(255,85,0,.15);

}