/* ==========================================================================
   OBYNOX — Design tokens (couleurs, typographies, variables globales)
   --------------------------------------------------------------------------
   👉 CE FICHIER CONTRÔLE LE LOOK DE TOUT LE SITE.
   Change une valeur ici et TOUTES les pages sont mises à jour d'un coup.
   (chaque page charge ce fichier ; les styles de mise en page propres à
    chaque page restent, eux, dans le <style> en haut de chaque .html)
   ========================================================================== */
:root{
  /* Fond / texte / surfaces */
  --encre:#eef1f9;              /* fond de page (clair) */
  --voile:#e3e8f4;             /* fond secondaire */
  --carte:#ffffff;             /* fond des cartes */
  --ecume:#0e1326;             /* texte principal (foncé) */
  --brume:#59617b;             /* texte secondaire / discret */
  --ligne:rgba(14,19,38,.12);  /* bordures / filets */

  /* Palette de marque (spectre bleu → magenta) */
  --cyan:#0ea5c9;
  --bleu:#4d5dfb;
  --violet:#a06bff;
  --magenta:#ff4ecd;
  --grad:linear-gradient(100deg,var(--cyan) 0%,var(--bleu) 38%,var(--violet) 68%,var(--magenta) 100%);

  /* Typographies */
  --font-display:'Unbounded','Arial Black',sans-serif;
  --font-body:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;

  /* Divers */
  --ease:cubic-bezier(.22,.8,.26,.99);
  --nav-h:74px;
}