/* Variables communes à adapter à chaque projet, sans dépendance distante. */
:root { color-scheme: light; --color-text:#182c3a; --color-bg:#f7fafb; --color-primary:#075f66; --color-focus:#9b3d00; --radius:.6rem; --space:1rem; font-family:system-ui,sans-serif; line-height:1.6; color:var(--color-text); background:var(--color-bg); }
* { box-sizing:border-box; }
body { margin:0; }
a { color:var(--color-primary); }
.container,.site-header { width:min(100% - 2rem,68rem); margin-inline:auto; padding-block:1.5rem; }
.site-header { border-bottom:1px solid #bbcbd0; }
.site-header a { font-weight:700; text-decoration:none; }
main { min-height:60vh; }
form { max-width:36rem; display:grid; gap:var(--space); }
textarea,button { font:inherit; border-radius:var(--radius); padding:.7rem; }
textarea { width:100%; border:1px solid #667983; background:white; color:var(--color-text); }
button { justify-self:start; border:0; background:var(--color-primary); color:white; cursor:pointer; }
:focus-visible { outline:3px solid var(--color-focus); outline-offset:3px; }
.skip-link { position:absolute; top:-5rem; left:1rem; background:white; padding:.5rem; }
.skip-link:focus { top:.5rem; }