/* ==================================================================
   theme.css — variables de présentation de support.neweb.pro
   ------------------------------------------------------------------
   Ce fichier ne contient QUE des variables (couleurs, typographie,
   dimensions, durées). Il peut être remplacé intégralement par un
   autre thème sans toucher au HTML ni à style.css.
   Contrastes vérifiés par calcul (rapport WCAG 2.1) :
   texte courant ≥ 6,1:1, focus et bordures de commande ≥ 3:1.
   ================================================================== */

:root {
  /* ---------- Fonds ---------- */
  --fond-page:        #eef2f7;   /* fond général de la page              */
  --fond-carte:       #ffffff;   /* fond des blocs                       */
  --fond-en-tete:     #0e2a4e;   /* bandeau supérieur (navy)             */
  --fond-pied:        #0e2a4e;   /* bandeau inférieur, même navy         */
  --fond-panneau:     #e7f0fe;   /* panneau secondaire teinté (« aide ») */
  --fond-code:        #f1f5fb;   /* pastilles de code, fiche technique   */
  --fond-survol:      #f4f8fd;   /* survol des lignes de liens           */

  /* ---------- Textes ---------- */
  --texte:            #16202c;   /* texte courant        (16,4:1 sur blanc)  */
  --texte-secondaire: #4c5a6b;   /* notes, libellés      (7,0:1  sur blanc)  */
  --texte-en-tete:    #ffffff;   /* texte du bandeau     (14,4:1 sur navy)   */
  --texte-pied:       #c7d4e4;   /* texte du pied        (9,6:1  sur navy)   */

  /* ---------- Accent et actions ---------- */
  --accent:           #0b57d0;   /* liens et bouton principal (6,4:1 sur blanc) */
  --accent-sur-clone: #ffffff;   /* texte posé sur --accent    (6,4:1)          */
  --accent-survol:    #0842a0;   /* survol du bouton principal (9,1:1)          */
  --accent-frisson:   #e7f0fe;   /* fond léger de l'action et du panneau « aide » */
  --accent-frisson-encre: #0b57d0; /* pastille « système détecté » (5,6:1)      */

  /* ---------- Séparations et ombres ---------- */
  --bordure:          #d2dae5;   /* filets discrets (décoratifs)          */
  --bordure-forte:    #b6c2d1;   /* filets marqués (titres de groupe)     */
  --ombre-carte:      0 1px 2px rgba(14, 42, 78, 0.08), 0 8px 24px rgba(14, 42, 78, 0.06);
  --ombre-bouton:     0 1px 2px rgba(11, 87, 208, 0.30);

  /* ---------- Typographie ---------- */
  --police-titre:     system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --police-texte:     system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --police-code:      ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  --corps-texte:      1rem;                       /* 16 px minimum */
  --corps-titre:      clamp(1.55rem, 5vw, 2.1rem); /* h1 : 25 → 34 px */

  /* ---------- Dimensions et formes ---------- */
  --largeur-max:      58rem;    /* largeur de la colonne (928 px)        */
  --rayon:            0.625rem; /* arrondi des cartes et boutons         */
  --rayon-fin:        0.375rem; /* arrondi des pastilles de code         */
  --retrait:          1.5rem;   /* marge intérieure des cartes et de la page */

  /* ---------- Comportements ---------- */
  --focus:            #b36b00;  /* contour de focus clavier (4,2:1 sur blanc) */
  --duree:            150ms;    /* durée des transitions (neutralisée si
                                   l'utilisateur demande moins de mouvement) */
}