/* =====================================================================
   FICHIER CENTRAL D'IDENTITÉ VISUELLE — ANRDI
   ---------------------------------------------------------------------
   C'est le SEUL fichier à modifier pour aligner la salle de presse sur
   la page d'accueil existante de l'ANRDI :
     1. reporter ici les couleurs exactes ;
     2. déposer les polices dans /assets/fonts/ et compléter les @font-face ;
     3. remplacer le logo dans /assets/img/ (voir --logo-*).
   Aucune autre feuille de style ne définit de couleur en dur.
   ===================================================================== */

/* ---------------------------------------------------------------------
   POLICES — décommenter et compléter après dépôt des fichiers .woff2
   (auto-hébergées : la politique de sécurité interdit les polices tierces)
   ---------------------------------------------------------------------
@font-face {
  font-family: "ANRDI Titre";
  src: url("/assets/fonts/anrdi-titre.woff2") format("woff2");
  font-weight: 400 700; font-display: swap; font-style: normal;
}
@font-face {
  font-family: "ANRDI Texte";
  src: url("/assets/fonts/anrdi-texte.woff2") format("woff2");
  font-weight: 400 700; font-display: swap; font-style: normal;
}
--------------------------------------------------------------------- */

:root {
  /* ---- Couleurs de marque (À REMPLACER par les valeurs exactes ANRDI) */
  --anrdi-bleu-nuit:    #16243d;   /* couleur principale, header/footer   */
  --anrdi-bleu:         #1f3a6e;   /* couleur d'accentuation, liens       */
  --anrdi-bleu-clair:   #e8eef8;   /* aplats et surfaces secondaires      */
  --anrdi-or:           #a8843c;   /* filet d'accent institutionnel       */
  --anrdi-rouge:        #8c2b2b;   /* alertes et urgences éditoriales     */
  --anrdi-vert:         #1f6b4d;   /* validations                         */

  /* ---- Rôles de couleur (utilisés par toutes les feuilles de style) */
  --couleur-fond:          #ffffff;
  --couleur-fond-alt:      #f6f7f9;
  --couleur-surface:       #ffffff;
  --couleur-surface-alt:   var(--anrdi-bleu-clair);
  --couleur-bordure:       #dfe3ea;
  --couleur-bordure-forte: #c3cad6;
  --couleur-texte:         #1a2230;
  --couleur-texte-doux:    #515b6b;
  --couleur-texte-inverse: #ffffff;
  --couleur-lien:          var(--anrdi-bleu);
  --couleur-lien-survol:   var(--anrdi-bleu-nuit);
  --couleur-accent:        var(--anrdi-or);
  --couleur-entete:        var(--anrdi-bleu-nuit);
  --couleur-pied:          var(--anrdi-bleu-nuit);
  --couleur-focus:         #0b63c5;
  --couleur-succes:        var(--anrdi-vert);
  --couleur-alerte:        var(--anrdi-rouge);
  --couleur-info:          var(--anrdi-bleu);

  /* ---- Typographie (remplacer par les familles ANRDI le moment venu) */
  --police-titre: "ANRDI Titre", "Iowan Old Style", "Palatino Linotype", Georgia, "Times New Roman", serif;
  --police-texte: "ANRDI Texte", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --police-mono:  ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  --taille-base:     1rem;          /* 16px */
  --echelle-xs:      0.78rem;
  --echelle-sm:      0.875rem;
  --echelle-md:      1.0625rem;
  --echelle-lg:      1.25rem;
  --echelle-xl:      1.625rem;
  --echelle-2xl:     2.125rem;
  --echelle-3xl:     2.75rem;
  --interligne:      1.65;
  --interligne-titre: 1.18;
  --graisse-titre:   600;

  /* ---- Mise en page */
  --largeur-max:     1180px;
  --largeur-texte:   68ch;
  --gouttiere:       1.5rem;
  --rayon-sm:        3px;
  --rayon:           6px;
  --rayon-lg:        10px;
  --ombre-douce:     0 1px 2px rgba(22, 36, 61, .06), 0 2px 8px rgba(22, 36, 61, .05);
  --ombre-carte:     0 1px 3px rgba(22, 36, 61, .08);
  --filet-accent:    3px solid var(--couleur-accent);
  --transition:      140ms ease;

  /* ---- Logo : dimensions de l'emplacement réservé dans le header */
  --logo-hauteur:       42px;
  --logo-hauteur-pied:  36px;
  --logo-largeur-max:   220px;
}

/* ---------------------------------------------------------------------
   Mode sombre : activé automatiquement (préférence système) ou via le
   sélecteur data-theme="sombre" posé sur <html> par le bouton d'en-tête.
   --------------------------------------------------------------------- */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="clair"]) {
    --couleur-fond:          #11161f;
    --couleur-fond-alt:      #161d28;
    --couleur-surface:       #19212d;
    --couleur-surface-alt:   #1f2937;
    --couleur-bordure:       #2b3545;
    --couleur-bordure-forte: #3b4658;
    --couleur-texte:         #e8ecf3;
    --couleur-texte-doux:    #a8b2c2;
    --couleur-lien:          #9cc0f5;
    --couleur-lien-survol:   #c9dcfa;
    --couleur-entete:        #0d1219;
    --couleur-pied:          #0d1219;
    --couleur-focus:         #7fb2ff;
    --ombre-douce:           0 1px 2px rgba(0, 0, 0, .4);
    --ombre-carte:           0 1px 3px rgba(0, 0, 0, .35);
  }
}

:root[data-theme="sombre"] {
  --couleur-fond:          #11161f;
  --couleur-fond-alt:      #161d28;
  --couleur-surface:       #19212d;
  --couleur-surface-alt:   #1f2937;
  --couleur-bordure:       #2b3545;
  --couleur-bordure-forte: #3b4658;
  --couleur-texte:         #e8ecf3;
  --couleur-texte-doux:    #a8b2c2;
  --couleur-lien:          #9cc0f5;
  --couleur-lien-survol:   #c9dcfa;
  --couleur-entete:        #0d1219;
  --couleur-pied:          #0d1219;
  --couleur-focus:         #7fb2ff;
  --ombre-douce:           0 1px 2px rgba(0, 0, 0, .4);
  --ombre-carte:           0 1px 3px rgba(0, 0, 0, .35);
}