/* ==========================================================================
   ABLOGUI — Jetons de design (source : charte graphique officielle)
   Ces variables seront reprises telles quelles dans ablogui-theme
   et exposées aux widgets ablogui-elements.
   ========================================================================== */

:root {
  /* Couleurs de la charte */
  --ab-noir: #1d1d1b;          /* couleur principale */
  --ab-rouge: #cd1d2d;
  --ab-jaune: #edb710;
  --ab-vert: #008e60;

  /* Dérivées pour l'écran (contraste AA sur fond clair) */
  --ab-vert-texte: #00704b;
  --ab-rouge-texte: #b3192a;
  --ab-vert-nuit: #163c32;     /* fonds sombres de la charte */
  --ab-vert-nuit-2: #0f2b24;
  --ab-bleu-nuit: #0c1d2b;
  --ab-vert-clair: #e3f2ec;
  --ab-jaune-clair: #fbf1d2;
  --ab-rouge-clair: #f8e1e3;

  /* Neutres */
  --ab-blanc: #ffffff;
  --ab-papier: #f6f4ef;
  --ab-ligne: #e2dfd7;
  --ab-ligne-forte: #c9c5bb;
  --ab-texte: var(--ab-noir);
  --ab-texte-doux: #5b5a55;

  /* Dégradé de couverture de la charte : bleu nuit → vert */
  --ab-degrade:
    radial-gradient(120% 90% at 100% 100%, rgba(38, 160, 96, .55) 0%, rgba(38, 160, 96, 0) 55%),
    radial-gradient(80% 70% at 75% 30%, rgba(22, 92, 70, .55) 0%, rgba(22, 92, 70, 0) 60%),
    linear-gradient(140deg, #0b1a27 0%, #0f2733 40%, #10362f 70%, #0f4a37 100%);

  /* Typographie — Avenir dans la charte, Nunito Sans à l'écran (libre) */
  --ab-police: "Nunito Sans", "Avenir Next", Avenir, "Segoe UI", sans-serif;
  --ab-fs-xs: .8125rem;
  --ab-fs-s: .9375rem;
  --ab-fs-m: 1.0625rem;
  --ab-fs-l: clamp(1.2rem, 1.05rem + .6vw, 1.45rem);
  --ab-fs-xl: clamp(1.6rem, 1.25rem + 1.4vw, 2.35rem);
  --ab-fs-2xl: clamp(2.1rem, 1.5rem + 2.6vw, 3.6rem);
  --ab-fs-3xl: clamp(2.6rem, 1.6rem + 4.2vw, 5.4rem);
  --ab-graisse-legere: 300;    /* Avenir Light  */
  --ab-graisse-texte: 400;     /* Avenir Book   */
  --ab-graisse-moyenne: 600;   /* Avenir Medium */
  --ab-graisse-forte: 800;     /* Avenir Bold   */

  /* Espacements et gabarit */
  --ab-conteneur: 1240px;
  --ab-gouttiere: clamp(16px, 4vw, 40px);
  --ab-section: clamp(64px, 8vw, 120px);
  --ab-rayon: 14px;
  --ab-rayon-s: 8px;
  --ab-ombre: 0 1px 2px rgba(29, 29, 27, .06), 0 8px 24px -12px rgba(29, 29, 27, .18);
  --ab-ombre-forte: 0 2px 4px rgba(29, 29, 27, .08), 0 24px 48px -20px rgba(29, 29, 27, .35);
  --ab-transition: 220ms cubic-bezier(.2, .7, .2, 1);
}