/* =========================================================
   LA PLAINE DES PALMISTES — Design tokens
   Source : Charte graphique juillet 2021
   ========================================================= */

:root {
  /* --- Couleurs principales (charte p.12) --- */
  --c-vert:        #3f6c5b;   /* C82 M36 J68 N22 */
  --c-bleu:        #427f9a;   /* C84 M40 J30 N0  */
  --c-anis:        #ced950;   /* C25 M0  J100 N0 */
  --c-orange:      #efb142;   /* C0  M35 J100 N0 */

  /* --- Couleurs secondaires (charte p.12) --- */
  --c-gris:        #58585a;
  --c-vert-clair:  #6ca860;
  --c-terre:       #b48052;

  /* --- Déclinaisons de travail (non-charte, dérivées) --- */
  --c-vert-950:    #14251f;
  --c-vert-900:    #1d3830;
  --c-vert-800:    #2b4a40;
  --c-vert-700:    #34594c;
  --c-vert-100:    #e4ede9;
  --c-vert-50:     #f2f7f5;

  --c-bleu-900:    #1e3c4b;
  --c-bleu-700:    #326377;
  --c-bleu-100:    #e2eef3;

  --c-anis-200:    #eef3c4;
  --c-orange-100:  #fdf0d9;
  --c-terre-100:   #f5ece4;

  --c-encre:       #1b2422;
  --c-encre-70:    #4a5754;
  --c-blanc:       #ffffff;
  --c-ivoire:      #fbfaf6;

  /* --- Sémantique --- */
  --bg:            var(--c-ivoire);
  --bg-alt:        var(--c-vert-50);
  --surface:       var(--c-blanc);
  --texte:         var(--c-encre);
  --texte-doux:    var(--c-encre-70);
  --trait:         #dfe5e1;
  --accent:        var(--c-vert);
  --accent-vif:    var(--c-orange);

  /* --- Typographie --- */
  --f-titre: "Bebas Neue", "Haettenschweiler", "Arial Narrow", sans-serif;
  --f-texte: "Jost", "Century Gothic", "Avant Garde", "Futura", system-ui, sans-serif;

  --fs-xs:   0.78rem;
  --fs-sm:   0.9rem;
  --fs-base: 1.02rem;
  --fs-md:   1.18rem;
  --fs-lg:   1.45rem;
  --fs-xl:   clamp(1.8rem, 3.4vw, 2.6rem);
  --fs-2xl:  clamp(2.6rem, 6vw, 4.6rem);
  --fs-3xl:  clamp(3.4rem, 10vw, 8rem);

  /* --- Rythme --- */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 24px;
  --r-xl: 34px;
  --r-pill: 999px;

  --sp-1: 0.4rem;
  --sp-2: 0.8rem;
  --sp-3: 1.2rem;
  --sp-4: 1.8rem;
  --sp-5: 2.6rem;
  --sp-6: 4rem;
  --sp-7: 6rem;

  --ombre-1: 0 1px 2px rgba(27,36,34,.06), 0 4px 14px rgba(27,36,34,.06);
  --ombre-2: 0 2px 6px rgba(27,36,34,.08), 0 18px 44px rgba(27,36,34,.12);

  --ease-doux: cubic-bezier(.22,.61,.36,1);

  --largeur: 1200px;
  --largeur-texte: 68ch;
}

/* =========================================================
   ESPACE CCAS — identité propre
   Couleurs relevées sur le logo officiel du CCAS :
   bleu pétrole #0383a8 · anis #cadb2a · blanc
   ========================================================= */
:root {
  --ccas-bleu:      #0383a8;
  --ccas-bleu-900:  #023d50;
  --ccas-bleu-800:  #035168;
  --ccas-bleu-700:  #046b8a;
  --ccas-bleu-300:  #7cc2d8;
  --ccas-bleu-100:  #d6edf4;
  --ccas-bleu-50:   #f0f9fc;
  --ccas-anis:      #cadb2a;
  --ccas-anis-700:  #8a9a12;
  --ccas-anis-100:  #f0f6cf;
  --ccas-encre:     #06323f;
}

[data-univers="ccas"] {
  --bg:         var(--ccas-bleu-50);
  --bg-alt:     var(--ccas-bleu-100);
  --surface:    #ffffff;
  --texte:      var(--ccas-encre);
  --texte-doux: #3b6c7c;
  --trait:      #c3e0ea;
  --accent:     var(--ccas-bleu);
  --accent-vif: var(--ccas-anis-700);
  --ombre-1: 0 1px 2px rgba(3,61,80,.07), 0 5px 16px rgba(3,61,80,.08);
  --ombre-2: 0 3px 8px rgba(3,61,80,.1), 0 20px 48px rgba(3,61,80,.16);
}