/* La Voix du X : jetons de design du site public (couleurs, typographie,
   espacements, grille). Les valeurs reprennent le design du site actuel ;
   site.css est la seule feuille qui les consomme. */
:root {
  /* Couleurs */
  --lvdx-brand: #e601b8;            /* liens soulignes, badges, onglet actif, bouton lecture */
  --lvdx-surface: #ffffff;          /* fond du site et des barres */
  --lvdx-text: #000000;             /* texte courant, titres d'article, menus */
  --lvdx-text-title: #222222;       /* titres des listes */
  --lvdx-text-excerpt: #555555;     /* chapeaux des listes */
  --lvdx-text-meta: #777777;        /* categorie + date, tags, bio */
  --lvdx-text-muted: #999999;       /* ligne d'auteur, compteurs */
  --lvdx-text-faint: #aaaaaa;       /* onglet inactif, pagination */
  --lvdx-counter: #cccccc;          /* rang du bloc Populaire */
  --lvdx-arrow: #bbbbbb;            /* fleches precedent/suivant */
  --lvdx-border: #dddddd;           /* filets */
  --lvdx-nav-text: #0a0a0a;         /* menu principal */
  --lvdx-accent-menu: #34cf63;      /* entree de menu "Plans Q" */
  --lvdx-overlay: rgba(0, 0, 0, .94); /* fond de la recherche plein ecran */
  --lvdx-chip: rgba(0, 0, 0, .8);   /* pastilles reseaux sociaux */
  --lvdx-danger: #c8102e;           /* page d'erreur */
  --lvdx-facebook: #3b5998;
  --lvdx-twitter: #55acee;
  --lvdx-pinterest: #bd081c;
  --lvdx-mail: #bbbbbb;

  /* Typographie */
  --lvdx-font-body: 'Open Sans', Helvetica, Arial, sans-serif;
  --lvdx-font-menu: 'Archivo Narrow', 'Arial Narrow', Arial, sans-serif;
  --lvdx-font-display: 'Anton', Impact, 'Arial Narrow Bold', sans-serif;

  /* Espacements */
  --lvdx-space-1: 5px;
  --lvdx-space-2: 10px;
  --lvdx-space-3: 15px;
  --lvdx-space-4: 20px;
  --lvdx-space-6: 30px;
  --lvdx-space-8: 40px;
  --lvdx-space-12: 60px;

  /* Grille */
  --lvdx-container: 1200px;
  --lvdx-sidebar: 320px;
  --lvdx-gutter: 60px;      /* espace entre colonne principale et laterale */
  --lvdx-gutter-x: 4.1667%; /* marge laterale du conteneur sur mobile */
  --lvdx-shadow-drawer: 0 0 20px rgba(0, 0, 0, .3);
}