/* ============================================================
   N²COGNITION — DESIGN SYSTEM v3
   Source unique de vérité : couleurs, typographie, espacement,
   rayons, ombres, mouvement. Aucune valeur brute ailleurs.
   Charte officielle édition 2026.
   ============================================================ */

:root{

  /* --- Couleurs : répartition ~70 carbone / 20 pétrole / 10 cuivre --- */
  --n2-bg:            #0B0F14;   /* Carbone — fond principal            */
  --n2-surface:       #11161D;   /* Carbone 2 — surfaces surélevées     */
  --n2-surface-2:     #0E3A4A;   /* Pétrole — sections de rupture       */
  --n2-petrol-light:  #1B5468;   /* Pétrole clair — survols             */
  --n2-text:          #F5F7FA;   /* Blanc cassé                         */
  --n2-text-soft:     #CBD5DC;   /* Texte courant sur pétrole           */
  --n2-muted:         #8A949E;   /* Acier — texte secondaire            */
  --n2-bronze:        #B88746;   /* Cuivre — accent, jamais en aplat    */
  --n2-bronze-light:  #D8B47A;   /* Cuivre clair — sur fond sombre      */
  --n2-border:        rgba(138,148,158,.20);
  --n2-border-mid:    rgba(138,148,158,.34);
  --n2-border-bronze: rgba(184,135,70,.42);
  --n2-danger:        #C4553B;
  --n2-success:       #4E8C6A;

  /* --- Typographie --- */
  --n2-font-display:"Fraunces", "Iowan Old Style", Georgia, serif;
  --n2-font-body:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  --n2-t-kicker: .6875rem;
  --n2-t-micro:  .75rem;
  --n2-t-small:  .8125rem;
  --n2-t-body:   1rem;
  --n2-t-lead:   1.125rem;
  --n2-t-h4:     1.0625rem;
  --n2-t-h3:     clamp(1.25rem, 2.4vw, 1.5rem);
  --n2-t-h2:     clamp(1.75rem, 5vw, 2.625rem);
  --n2-t-h1:     clamp(2.125rem, 7.4vw, 4.125rem);
  --n2-t-fig:    clamp(1.75rem, 4.5vw, 2.375rem);

  --n2-lh-tight: 1.12;
  --n2-lh-body:  1.62;
  --n2-track-kicker: .16em;

  /* --- Espacement --- */
  --n2-s1:.25rem; --n2-s2:.5rem;  --n2-s3:.75rem; --n2-s4:1rem;
  --n2-s5:1.5rem; --n2-s6:2rem;   --n2-s7:3rem;   --n2-s8:4rem;
  --n2-s9:6rem;   --n2-s10:8rem;

  /* --- Structure --- */
  --n2-max:      72rem;
  --n2-measure:  36rem;
  --n2-radius:   2px;
  --n2-radius-lg:4px;
  --n2-rule:     1px solid var(--n2-border);
  --n2-pad-x:    var(--n2-s5);

  /* --- Élévation (discrète : pas de carte flottante SaaS) --- */
  --n2-shadow:    0 1px 0 rgba(245,247,250,.04);
  --n2-shadow-lg: 0 18px 48px rgba(0,0,0,.42);

  /* --- Mouvement --- */
  --n2-ease:   cubic-bezier(.16,.68,.32,1);
  --n2-fast:   180ms var(--n2-ease);
  --n2-mid:    380ms var(--n2-ease);
  --n2-slow:   680ms var(--n2-ease);
}

@media (min-width:60rem){
  :root{ --n2-pad-x: var(--n2-s7); }
}