/* ---------------------------------------------------------------------------------------------------------------------------------
   LA FEUILLE PUBLIQUE — charte d'interface V1, lot H8 (docs/BRIEF-charte-H8-espace-membre-et-site-V1.md ; charte § 15 ; audit A14).

   Les jetons du site public (tunnel, formulaires du site, Offrir, Privatiser) et de l'espace membre, déclarés UNE fois et dérivés des
   jetons communs de components.css, chargée avant elle par chaque coquille publique : components.css › site-public.css › la feuille de la page.
   Les pages publiques gardent leur ton (la mer, pas le bureau : le bandeau en dégradé, la vague, les bulles) ; leurs couleurs, rayons,
   ombres et polices viennent d'ici, jamais écrits en dur dans booking.css, member.css, offrir.css ou privatiser.css
   (test/charte-h8-espace-membre-site-*.test.mjs). Elles remplacent les familles --m-*, --vip-* (page publique) et --mer… d'avant H8.
   --------------------------------------------------------------------------------------------------------------------------------- */
:root {
  color-scheme: light;
  --sd-deep: var(--navy); /* le fond du bandeau et des en-têtes (#0e2f3b avant H8) */
  --sd-sea: var(--navy); /* titres foncés */
  --sd-lagoon: var(--sea); /* liens, sur-titres, l'action (#2f7d8c avant H8) */
  --sd-lagoon-soft: var(--sea-soft); /* le fond lagon léger : choix, pastille « nouveau » */
  --sd-aqua: var(--sea); /* l'accent de l'eau : filets, bulles, bord au survol (#35b8c9 avant H8) */
  --sd-foam: var(--sea-soft); /* l'écume : le haut de page sous la vague, le survol */
  --sd-sand: var(--bg); /* le fond de page (sable #f6f2ea avant H8) */
  --sd-paper: var(--card);
  --sd-ink: var(--ink);
  --sd-muted: var(--muted);
  --sd-line: var(--line);
  --sd-coral: var(--pill-alert); /* l'erreur, le requis */
  --sd-green: var(--pill-ok);
  --sd-sun: var(--amber); /* le soleil : sorties spéciales, étiquettes */
  --sd-sunlight: var(--pill-watch-bg);
  --sd-focus: var(--sea-soft);
  --sd-radius: var(--radius-card);
  --sd-photo-text: 0 2px 18px color-mix(in srgb, var(--ink) 40%, transparent); /* le texte posé sur une photo reste lisible */
}