:root {
    --max-w: 1400px;
    --brand: #004F70; /* azzurro principale */
    --brand-dark: #004F70; /* blu scuro sezione Atom */
    --rosa: #FEB5C5; /* rosa */
    --rosaScuro: #F65980;
    --accent-2: #8B7AFF; /* lilla */
    --ink: #004F70; /* testo scuro */
    --muted: #6b7280; /* testo secondario */
    --card: #ffffff; /* fondo card */
    --bg: #ffffff; /* fondo pagina */
    --shadow: 0 10px 30px rgba(13,58,83,.10);
    --radius: 18px;
    --blu-line: #9DC5D8;
    /* aggiunte palette per gradienti */
    --accent-100: #FFD3E2; /* rosa molto chiaro */
    --accent-200: #FFC4D3;
    --accent-300: #FFE1EA;
    --acc2-rgb: 139,122,255; /* helper rgba */
    --grad-services: linear-gradient(90deg, var(--accent), var(--accent-2));
    --grad-solutions-pill: linear-gradient(180deg, var(--accent) 0%, var(--accent-100) 58%, #ffffff 100%);
    --header-height: 60px;
    --manutenzione: #2391F2;
    --risorse-umane: #11A3BD;
    --ditte-esterne: #8E41A7;
    --sistemi-di-gestione: #1362F3;
    --agenti-chimici: #635AE0;
    --bacheca: #B345B1;
    --workflow: #634BCF;
    --automation: #3A8DB6;
}

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

body {
    font-family: 'Asap', system-ui, -apple-system, Segoe UI, Roboto, Arial, "Helvetica Neue", sans-serif;
    color: var(--ink);
    background: var(--ink);
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.container {
    width: 1720px;
    margin: auto;
}

.container-medium {
    width: 1450px;
    margin: auto;
}

.container-small {
    width: 1250px;
    margin: auto;
}

.container-xsmall {
    width: 1150px;
    margin: auto;
}

.content-container {
    width: 1050px;
    margin: auto;
}

/*ELEMENTI*/
.btn-primary {
    background: #F65980;
    color: #fff;
    border-radius: 12px;
    padding: 0.6rem 1.25rem;
    font-weight: 700;
    text-decoration: none;
    font-size: 1.2rem;
    cursor:pointer;
    border:none;
}

.btn-primary:hover {
    transform: translateY(-1px)
}

.btn-secondary {
    background: #fff;
    border: 3px solid var(--ink);
    color: var(--ink);
    border-radius: 12px;
    padding: .5rem 2rem;
    font-weight: 700;
    text-decoration: none;
    font-size: 1.2rem;
    cursor:pointer;
}

@media (min-width: 1950px) {
    .container{width:95vw}
}

@media (max-width: 1700px) {
    :root {
        --header-height: 60px;
    }
    .container {width: 95vw;margin: auto;}
    .container-medium {width: 77vw;margin: auto;}
    .container-small {width: 69vw;margin: auto}
    .container-xsmall {width: 62vw;margin: auto;}
    .content-container {width: 57vw;margin: auto;}
}
@media (max-width: 1450px) {
    .container-small {width: 80vw;margin: auto}
}
@media (max-width: 1150px) {
    .container-small {width: 90vw;margin: auto}
    .content-container{width:75vw;}
}
@media (max-width: 870px) {
    .content-container {width: 80vw}
}
@media (max-width: 576px) {
    .container-small {width: 90vw}
    .container-medium {width:90vw}
    .content-container {width: 90vw}
}