/* ==========================================================
   PARIS MATCH BELGIQUE | Design tokens
   Sources : fichier Sketch « PM - Raphael » (pages Charte Val et
   Symbols) et code de production de www.parismatch.be
   (styles.css?d=831), relevé le 10 octobre 2026.
   ========================================================== */

:root {
  /* ---------- Marque ---------- */
  --pm-rouge:          #D7262C; /* couleur principale : titres, signatures, liens, CTA */
  --pm-noir:           #1B1A19; /* couleur secondaire */
  --pm-blanc:          #FFFFFF;
  --pm-rouge-logo:     #EC1C24; /* rouge du fichier logo (cartouche) */

  /* ---------- Nuances du rouge (site) ---------- */
  --pm-rouge-light:    #E05055;
  --pm-rouge-dark:     #AC1E23; /* survol */
  --pm-rouge-darker:   #80171A;
  --pm-rouge-darkest:  #550F11;
  --pm-rouge-active:   #7B060A; /* pagination active (Sketch) */

  /* ---------- Textes et neutres ---------- */
  --pm-encre:          #262729; /* menu, boutons sombres */
  --pm-texte:          #525252; /* texte courant du site (Sketch : #595959) */
  --pm-gris:           #686868; /* titres de teasers, bouton primaire */
  --pm-gris-clair:     #BDBDBD;
  --pm-gris-bordure:   #D1D8DD;
  --pm-gris-ligne:     #E3E3E3;
  --pm-fond:           #F4F4F4; /* fond de page et de section */
  --pm-fond-widget:    #EEEEEE;
  --pm-fond-galerie:   #001B25; /* fond des galeries photo */

  /* ---------- Gris d'interface (Sketch) ---------- */
  --pm-gray-900: #22252B; --pm-gray-800: #343A40; --pm-gray-700: #4A5057; --pm-gray-500: #858E96;
  --pm-gray-400: #ACB5BD; --pm-gray-300: #CFD4DA; --pm-gray-200: #DEE2E6; --pm-gray-100: #EBEDEF;

  /* ---------- Abonnement ---------- */
  --pm-pay:            #F2C93D; /* bouton S'abonner (site) */
  --pm-pay-dark:       #F7B500; /* bouton abo (Sketch), badge offert */
  --pm-pay-hover:      #F6A200;
  --pm-pay-ink:        #5D3C10; /* texte sur jaune */
  --pm-pay-light:      #FFE559;

  /* ---------- Typographie ---------- */
  --pm-font-title: "Open Sans Condensed", "Arial Narrow", sans-serif; /* 700 (300 pour les textes fins) */
  --pm-font-base:  "Roboto", Helvetica, Arial, sans-serif;            /* 300 · 400 · 500 · 700 */

  /* ---------- Layout et formes ---------- */
  --pm-container-md: 992px;
  --pm-container-lg: 1120px;
  /* breakpoints : 480 / 768 / 992 / 1024 / 1200 px (min-width) */
  --pm-radius:        0.25rem;
  --pm-radius-pill:   9999px;
  --pm-shadow-button: 0 1px 1px 0 rgba(0,0,0,.22), 0 3px 4px 0 hsla(0,0%,40%,.21);
  --pm-shadow-soft:   0 3px 10px 0 rgba(3,11,25,.2);
}