/* Site www.preavisswiss.ch : palette « Léman » (mêmes valeurs que lib/theme.ts). */
:root {
  --fond: #EDF3F5;
  --carte: #FFFFFF;
  --texte: #0E2A33;
  --secondaire: #4B6470;
  --lien: #0F6E8C;
  --choisi: #E1F1F5;
  --bord: #D3E1E6;
}
@media (prefers-color-scheme: dark) {
  :root {
    --fond: #0B181C;
    --carte: #13262C;
    --texte: #DCE9EC;
    --secondaire: #A3B9C0;
    --lien: #6CC3DB;
    --choisi: #17323A;
    --bord: #23404A;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--fond);
  color: var(--texte);
  font: 17px/1.6 Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
a { color: var(--lien); text-underline-offset: 3px; }
a:focus-visible { outline: 3px solid var(--lien); outline-offset: 3px; border-radius: 4px; }
.entete, main, footer { max-width: 760px; margin: 0 auto; padding: 0 16px; }
.entete {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
  padding-top: 24px; padding-bottom: 24px;
}
.logo { display: inline-flex; min-height: 44px; align-items: center; }
.logo img { display: block; height: 40px; width: auto; }
nav { display: flex; gap: 20px; }
nav a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; font-weight: 500; }
nav a[aria-current="page"] { text-decoration: underline; }
main {
  background: var(--carte); border-radius: 24px; padding: 32px 12px;
  border: 1px solid var(--bord);
  width: calc(100% - 32px); max-width: 728px;
}
main > * { margin-left: 8px; margin-right: 8px; }
h1 { font-size: clamp(28px, 6vw, 40px); line-height: 1.2; margin: 0 8px 16px; text-wrap: balance; }
h2 { font-size: 21px; line-height: 1.3; margin: 32px 8px 8px; }
p, li { color: var(--texte); }
ul { padding-left: 1.4em; }
li { margin: 4px 0; }
.intro { font-size: 19px; color: var(--secondaire); }
.bientot {
  display: inline-block; background: var(--choisi); color: var(--texte);
  border-radius: 999px; padding: 8px 16px; font-weight: 600;
}
.atouts { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 0 24px; }
.atouts h2 { margin-top: 24px; font-size: 19px; }
.atouts p { margin: 0 8px; color: var(--secondaire); }
.atouts > div > * { margin-left: 0; margin-right: 0; }
footer { padding-top: 24px; padding-bottom: 40px; color: var(--secondaire); font-size: 15px; }
footer p { margin: 4px 0; color: var(--secondaire); }