/* Chemins RELATIFS dans les pages : le site s'affiche aussi bien sous son domaine que sous l'adresse
   provisoire de GitHub (sa-perrin-vermot.github.io/terroir/), où une adresse absolue « /style.css »
   visait la racine du compte et laissait la page sans style ni logo.

   Site du domaine terroir.jean-perrin.com — mêmes couleurs que les e-mails
   (supabase/functions/_shared/courriels.ts). Polices du système : aucune requête vers un tiers. */
:root {
  --fond: #f6f2e8;
  --carte: #ffffff;
  --trait: #eae4d5;
  --encre: #2b2a24;
  --encre2: #5a574c;
  --discret: #6e6a5a;
  --terra: #e4863b;
  --bouton: #a35f27;
  --ambre-fond: #fbeedc;
  --ambre-trait: #f2e7d5;
  --ambre-texte: #8a5320;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--fond);
  color: var(--encre);
  font: 16px/1.55 -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
main { max-width: 560px; margin: 0 auto; padding: 36px 16px 40px; }
.logo { display: block; width: 170px; height: auto; margin: 0 auto 26px; }
.carte {
  background: var(--carte);
  border: 1px solid var(--trait);
  border-top: 4px solid var(--terra);
  border-radius: 16px;
  padding: 30px 26px 26px;
}
.surtitre {
  margin: 0 0 10px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: var(--bouton);
}
h1 { margin: 0 0 16px; font-size: 26px; line-height: 1.25; font-weight: 800; letter-spacing: -0.5px; }
h2 { margin: 22px 0 8px; font-size: 16px; }
p { margin: 0 0 14px; }
.discret { font-size: 14px; color: var(--discret); }
.encadre {
  margin: 0 0 20px;
  padding: 14px 16px;
  background: var(--ambre-fond);
  border: 1px solid var(--ambre-trait);
  border-left: 4px solid var(--terra);
  border-radius: 10px;
  font-size: 15px;
  color: var(--ambre-texte);
}
.bouton {
  display: inline-block;
  margin: 4px 0 18px;
  padding: 15px 28px;
  border-radius: 12px;
  background: var(--bouton);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}
ol { margin: 0 0 14px; padding-left: 22px; }
li { margin-bottom: 6px; }
[hidden] { display: none !important; }
footer { margin-top: 22px; text-align: center; font-size: 12px; color: var(--discret); }