/* ==================================================================
   TOKENS — « Carnet de bord de l'eau »
   Point d'entrée UNIQUE pour changer la charte (couleurs, typo, espace).
   Modifiez ici : tout le site suit. Voir docs/CHARTE.md.
   ================================================================== */

:root {
  /* --- Couleurs de marque ------------------------------------------ */
  --c-ivory:        #F7F3EC; /* fond chaud */
  --c-ivory-deep:   #EFE8DA; /* fond alterné, cartes */
  --c-ink:          #0F2A43; /* texte principal (bleu nuit) */
  --c-ink-soft:     #33506B; /* texte secondaire */
  --c-pool:         #1E7FB5; /* bleu piscine (accent principal) */
  --c-pool-deep:    #14597F; /* survol / contraste */
  --c-pool-light:   #BFE1F0; /* fonds légers */
  --c-sun:          #F2C14E; /* jaune soleil (touche mesurée) */
  --c-coral:        #E8765A; /* corail (touche rare, alertes douces) */
  --c-white:        #FFFFFF;
  --c-line:         #DDD3C2; /* filets fins */

  /* États sémantiques (contrastes AA sur ivoire/blanc) */
  --c-success:      #1A7F4B;
  --c-success-bg:   #E6F4EC;
  --c-error:        #B23B2E;
  --c-error-bg:     #FBECEA;
  --c-warn:         #8A6D1F;
  --c-warn-bg:      #FBF3DC;

  /* Focus visible accessible */
  --focus:          3px solid #0A63C2;
  --focus-offset:   2px;

  /* --- Typographie (piles système, aucun appel distant) ------------ */
  /* Accent éditorial : serif système ; Lecture : sans système. */
  --font-accent: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua",
                 Georgia, "Times New Roman", serif;
  --font-body:   system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
                 Arial, "Noto Sans", sans-serif;

  --fs-300: 0.8125rem;  /* 13px légendes */
  --fs-400: 1rem;       /* 16px corps */
  --fs-500: 1.1875rem;  /* 19px chapeau */
  --fs-600: 1.5rem;     /* 24px */
  --fs-700: 2rem;       /* 32px */
  --fs-800: clamp(2.2rem, 5vw, 3.4rem); /* titres héro */
  --lh-tight: 1.15;
  --lh-body:  1.62;

  /* --- Échelle d'espacement (base 4px) ----------------------------- */
  --sp-1: 0.25rem;  --sp-2: 0.5rem;  --sp-3: 0.75rem; --sp-4: 1rem;
  --sp-5: 1.5rem;   --sp-6: 2rem;    --sp-7: 3rem;     --sp-8: 4.5rem;

  /* --- Rayons, ombres, contours ------------------------------------ */
  --radius-s: 8px;
  --radius-m: 14px;
  --radius-l: 22px;
  --shadow-s: 0 1px 2px rgba(15,42,67,.06), 0 2px 6px rgba(15,42,67,.06);
  --shadow-m: 0 6px 24px rgba(15,42,67,.10);

  /* --- Grille / largeurs ------------------------------------------- */
  --measure: 66ch;         /* largeur de lecture confortable */
  --container: 1140px;     /* largeur max de contenu */
  --gutter: clamp(1rem, 4vw, 2rem);

  /* --- Mouvement --------------------------------------------------- */
  --ease: cubic-bezier(.22,.61,.36,1);
  --dur-fast: 180ms;
  --dur: 420ms;
  --dur-slow: 900ms;
}

/* Réglages de contraste sur fonds sombres (pied de page) */
:root {
  --footer-bg:   var(--c-ink);
  --footer-fg:   #E8EEF4;
  --footer-soft: #A9BCCD;
}