/* ==========================================================================
   AXOLOTL — jetons de design
   Chaque page est monochrome dans la couleur d'un morphe d'axolotl.
   Les variables --pg-* sont posées sur <body> par le build (voir build.py).
   ========================================================================== */
:root{
  /* Neutres */
  --ink:#1B1233;
  --bg:#F6F0F2;
  --bg-2:#ECE3E8;
  --muted:#6B6280;
  --line:rgba(27,18,51,.10);
  --card:#FFFFFF;

  /* Marque : le rose sert aux surfaces, au point et aux boutons (texte encre dessus), jamais en texte sur fond clair */
  --rose:#FF6FA8;
  --rose-pale:#FFC4DA;
  --framboise:#C2255C;       /* texte d'accent sur fond clair (≈ 5,0:1 sur --bg) */

  /* Les huit morphes */
  --leucistique:#FF6FA8;     /* Accueil · le cerveau */
  --dore:#F4C542;            /* Branding · le visage */
  --cuivre:#C0703A;          /* Web · les pattes */
  --melanique:#1C1C24;       /* Social media · les branchies */
  --lavande:#B9A6D9;         /* Photo & vidéo · la peau */
  --fluo:#7CFF6B;            /* Événementiel · la queue (sur #0D0F0C) */
  --fluo-nuit:#0D0F0C;
  --sauvage:#5E6340;         /* Visibilité · le cœur */
  --sauvage-clair:#EEF0DD;
  --albinos:#FBF4F1;         /* Contact · les yeux */
  --rouge:#D7261E;           /* accent de la page Contact */

  /* Variables de page (surchargées par <body style>) */
  --pg-bg:var(--bg);
  --pg-ink:var(--ink);
  --pg-mute:var(--muted);
  --pg-line:var(--line);
  --pg-acc:var(--rose);        /* fond des boutons */
  --pg-acc-ink:var(--ink);     /* texte des boutons */
  --pg-link:var(--framboise);  /* texte d'accent */
  --nav-bg:rgba(255,255,255,.74);
  --nav-ink:var(--ink);
  --nav-mute:var(--muted);

  /* Accent courant (piloté par setAc() au scroll) */
  --ac:var(--pg-acc);
  --ac-ink:var(--pg-acc-ink);
  --ac-t:var(--pg-link);

  --f-display:'Bricolage Grotesque',system-ui,sans-serif;
  --f-body:'Figtree',system-ui,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
  --r-lg:28px; --r-xl:36px;
  --shadow:0 18px 44px rgba(27,18,51,.08);
  --shadow-lg:0 30px 70px rgba(27,18,51,.16);
}