/* Akwascout — pages « Je suis un club / un joueur / agent » */
:root, [data-theme="light"] {
  --color-bg:#f7f6f2; --color-surface:#f9f8f5; --color-surface-2:#efede7; --color-border:#d4d1ca;
  --color-text:#28251d; --color-text-muted:#70706c; --color-primary:#01696f; --color-primary-soft:#e2efed;
  color-scheme: light;
}
[data-theme="dark"] {
  --color-bg:#171614; --color-surface:#1c1b19; --color-surface-2:#262522; --color-border:#393836;
  --color-text:#cdccca; --color-text-muted:#8a8884; --color-primary:#4f98a3; --color-primary-soft:#1f3133;
  color-scheme: dark;
}
* { box-sizing:border-box; }
body { margin:0; font-family:'General Sans', system-ui, sans-serif; background:var(--color-bg); color:var(--color-text); line-height:1.6; }
main { max-width:900px; margin:0 auto; padding:40px 16px 64px; }
a { color:var(--color-primary); }
nav.top { font-size:.92rem; margin-bottom:22px; }
nav.top a { text-decoration:none; }
h1 { font-family:'Zodiak', Georgia, serif; font-size:clamp(2rem, 1.5rem + 2vw, 3rem); line-height:1.1; margin:0 0 10px; }
h2 { font-size:1.35rem; margin:0 0 10px; }
.lead { font-size:1.08rem; color:var(--color-text-muted); }
p, li { color:var(--color-text-muted); }
strong { color:var(--color-text); }
section { padding:20px; margin-top:22px; background:var(--color-surface); border:1px solid var(--color-border); border-radius:18px; }
.choix { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:14px; margin-top:20px; }
.choix-carte { display:block; padding:18px; border-radius:16px; border:1px solid var(--color-border); background:var(--color-surface); text-decoration:none; }
.choix-carte strong { display:block; font-size:1.1rem; }
.choix-carte span { color:var(--color-text-muted); font-size:.92rem; }
.choix-carte.principal { border-color:var(--color-primary); background:var(--color-primary-soft); }
.table-wrap { overflow-x:auto; margin:10px 0; }
table { width:100%; border-collapse:collapse; font-size:.92rem; }
th, td { text-align:left; vertical-align:top; padding:8px 10px; border-bottom:1px solid var(--color-border); }
th { color:var(--color-text); font-weight:600; }
td { color:var(--color-text-muted); }
.cadre { padding:12px 14px; border-left:4px solid var(--color-primary); background:var(--color-surface-2); border-radius:8px; }
.etapes { counter-reset:etape; list-style:none; padding:0; }
.etapes li { counter-increment:etape; position:relative; padding:4px 0 8px 40px; }
.etapes li::before { content:counter(etape); position:absolute; left:0; top:2px; width:28px; height:28px; border-radius:50%; background:var(--color-primary); color:#fff; display:grid; place-items:center; font-weight:700; font-size:.85rem; }
.bouton { display:inline-block; padding:10px 18px; border-radius:999px; background:var(--color-primary); color:#fff; text-decoration:none; font-weight:600; }
form { display:grid; gap:12px; margin-top:12px; }
form .grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:12px; }
form label { display:grid; gap:4px; font-size:.92rem; color:var(--color-text); }
form input, form select, form textarea { font:inherit; padding:9px 11px; border-radius:10px; border:1px solid var(--color-border); background:var(--color-bg); color:var(--color-text); width:100%; }
form fieldset { border:1px solid var(--color-border); border-radius:12px; padding:10px 14px; }
form fieldset label { display:flex; gap:8px; align-items:center; }
form fieldset input, form label.check input { width:auto; }
form label.check { display:flex; gap:8px; align-items:flex-start; color:var(--color-text-muted); }
form button { justify-self:start; font:inherit; font-weight:600; padding:10px 20px; border-radius:999px; border:0; background:var(--color-primary); color:#fff; cursor:pointer; }
.hp { position:absolute; left:-9999px; }
.petit { font-size:.85rem; }
/* Offre de lancement (page Agents) */
.lancement { padding:14px 16px; border-radius:14px; background:#e3f1e6; border:1px solid #9fcfaa; color:#1d4d2b; }
[data-theme="dark"] .lancement { background:#16301f; border-color:#2f6b43; color:#cfeedd; }