/* ============================================================
   IMPULSION — Design tokens
   Marque : PHI SAS. Palette : Bleu Abysse + Bronze + Blanc Cassé.
   Neutres teintés vers la marque (jamais #000 / #fff purs).
   Valeurs exprimées en OKLCH ; HEX de la charte en commentaire.
   ============================================================ */
:root {
  /* --- Bleu Abysse (autorité, confiance) --- */
  --abyss-900: oklch(0.19 0.030 236);   /* #07161F  footer, contraste max */
  --abyss-800: oklch(0.24 0.040 236);   /* #0A2030  fond sombre profond   */
  --abyss:     oklch(0.29 0.045 236);   /* #0F2C40  bleu abysse (charte)   */
  --abyss-700: oklch(0.35 0.046 235);   /* #16384C  surface élevée / cards */
  --abyss-600: oklch(0.42 0.044 234);   /* #21506A  bordures sur sombre    */

  /* --- Bronze (accent unique : CTA, filets, accents) --- */
  --bronze:      oklch(0.70 0.090 64);  /* #C88D56  bronze (charte)        */
  --bronze-600:  oklch(0.63 0.095 60);  /* #B67C45  hover / pressé         */
  --bronze-ink:  oklch(0.55 0.100 58);  /* #A86B34  bronze lisible sur clair*/
  --bronze-soft: oklch(0.89 0.040 72);  /* #ECD9C1  voile bronze, fonds    */

  /* --- Blanc Cassé (chaleur, humanité) --- */
  --cream:     oklch(0.97 0.008 84);    /* #F8F4EE  blanc cassé (charte)   */
  --cream-200: oklch(0.94 0.012 80);    /* #EFE8DD  alternance de section  */
  --cream-300: oklch(0.90 0.016 78);    /* #E3D8C9  bordures sur clair     */

  /* --- Gris Ardoise (texte secondaire) --- */
  --slate:        oklch(0.56 0.025 240);/* #6B7B8D  ardoise (charte)        */
  --slate-ink:    oklch(0.47 0.028 240);/* #566676  texte mute sur clair    */
  --slate-ondark: oklch(0.78 0.022 235);/* #B6C2CD  texte courant sur sombre*/

  /* ====== Tokens sémantiques (consommés par les composants library) ====== */
  --bg:     var(--abyss);
  --fg:     var(--cream);
  --accent: var(--bronze);
  --muted:  var(--slate-ondark);

  /* --- Motion (partagés statique / React) --- */
  --dur-fast: .18s;
  --dur:      .28s;
  --dur-slow: .55s;
  --ease-out: cubic-bezier(.22, 1, .36, 1);  /* ease-out-quart, pas de bounce */

  /* --- Structure --- */
  --maxw: 1200px;
  --radius-card: 18px;
  --radius-pill: 999px;
}