/* Sito pubblico di AI-OS — palette Tielogic (context/azienda/brand.md).
   ⚠️ Il teal pieno #1FA898 NON si usa su fondo chiaro: fa 2,95 su bianco, sotto
   la soglia 3,0 richiesta anche ai soli elementi grafici. Su chiaro l'accento è
   #178074 (4,80 su bianco). Su scuro si usa il teal chiaro #7FD6CB. */

:root {
  --petrolio: #14505C;
  --antracite: #262B2E;
  --accento: #178074;
  --fondo: #F7F8F8;
  --carta: #FFFFFF;
  --bordo: #DFE3E4;
  --tenue: #5A6467;
}

@media (prefers-color-scheme: dark) {
  :root {
    --petrolio: #7FD6CB;
    --antracite: #E8ECEC;
    --accento: #7FD6CB;
    --fondo: #1A1E20;
    --carta: #232829;
    --bordo: #363C3E;
    --tenue: #9AA4A7;
  }
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--fondo);
  color: var(--antracite);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 17px;
  line-height: 1.65;
}

.foglio {
  max-width: 44rem;
  margin: 0 auto;
  padding: 3rem 1.5rem 5rem;
}

header.testata {
  border-bottom: 1px solid var(--bordo);
  padding-bottom: 1.5rem;
  margin-bottom: 2.5rem;
}

header.testata img { height: 34px; width: auto; }

@media (prefers-color-scheme: dark) {
  header.testata img { filter: brightness(0) invert(1); opacity: .92; }
}

h1 {
  color: var(--petrolio);
  font-size: 1.9rem;
  line-height: 1.25;
  margin: .5rem 0 1rem;
}

h2 {
  color: var(--petrolio);
  font-size: 1.15rem;
  margin: 2.5rem 0 .6rem;
}

.sottotitolo { color: var(--tenue); margin-top: 0; }

a { color: var(--accento); }

dl.dati { margin: 0; }
dl.dati dt { font-weight: 600; margin-top: 1.1rem; }
dl.dati dd { margin: .2rem 0 0 0; color: var(--tenue); }

.riquadro {
  background: var(--carta);
  border: 1px solid var(--bordo);
  border-left: 3px solid var(--accento);
  border-radius: 4px;
  padding: 1rem 1.25rem;
  margin: 1.5rem 0;
}

.riquadro p:first-child { margin-top: 0; }
.riquadro p:last-child { margin-bottom: 0; }

table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.2rem 0;
  font-size: .95rem;
}

th, td {
  text-align: left;
  padding: .55rem .6rem;
  border-bottom: 1px solid var(--bordo);
  vertical-align: top;
}

th { color: var(--petrolio); font-weight: 600; }

code {
  font-family: ui-monospace, "SFMono-Regular", Menlo, monospace;
  font-size: .88em;
  background: var(--carta);
  border: 1px solid var(--bordo);
  border-radius: 3px;
  padding: .08em .35em;
}

footer {
  margin-top: 4rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--bordo);
  color: var(--tenue);
  font-size: .9rem;
}

footer a { margin-right: 1.2rem; }

.contenitore-tabella { overflow-x: auto; }