/* La Voix du X - jetons du theme zox-news tels qu'observes dans style.css, media-queries.css
   et les options du theme (mvp_styles_method). Documentation : design-system.md */
:root {
  /* Couleurs */
  --lvdx-brand: #e601b8;            /* mvp_primary_color / mvp_link_color / mvp_link2_color : liens, badges, onglet actif, bouton lecture */
  --lvdx-surface: #ffffff;          /* fond du site, des barres de navigation (mvp_top_nav_bg, mvp_bot_nav_bg) */
  --lvdx-text: #000000;             /* texte courant (body), titres d'article, menus */
  --lvdx-text-title: #222222;       /* titres des listes (.mvp-blog-story-text h2, .mvp-feat1-list-text h2) */
  --lvdx-text-excerpt: #555555;     /* chapeaux des listes (.mvp-blog-story-text p) */
  --lvdx-text-meta: #777777;        /* categorie + date (span.mvp-cd-cat, span.mvp-cd-date) */
  --lvdx-text-muted: #999999;       /* meta auteur (.mvp-author-info-text), texte 404 */
  --lvdx-text-faint: #aaaaaa;       /* onglet inactif (span.mvp-feat1-list-but) */
  --lvdx-counter: #cccccc;          /* numeros du bloc Populaire (.mvp-feat1-pop-text:before) */
  --lvdx-arrow: #bbbbbb;            /* fleches precedent/suivant */
  --lvdx-border: #dddddd;           /* filets (#mvp-prev-next-wrap, sidebar mobile) */
  --lvdx-border-light: #eeeeee;     /* filets de pied de page */
  --lvdx-nav-top-text: #000000;     /* mvp_top_nav_text : icones de la barre superieure (preset "white" du theme) */
  --lvdx-nav-bot-text: #0a0a0a;     /* mvp_bot_nav_text : menu principal */
  --lvdx-plans-q: #34cf63;          /* entree de menu "Plans Q" (regle HEADER-GREEN-TITLE-PLANS-Q de style.css) */
  --lvdx-overlay: rgba(0, 0, 0, .94); /* fond de la recherche plein ecran */
  --lvdx-social: rgba(0, 0, 0, .8); /* pastilles reseaux sociaux */
  --lvdx-success: #1b7f3b;          /* etat de succes (maquette, absent du theme) */
  --lvdx-danger: #c8102e;           /* etat d'erreur (maquette, absent du theme) */
  --lvdx-skeleton: #e9e9e9;         /* squelettes de chargement (maquette) */

  /* Typographie */
  --lvdx-font-body: 'Open Sans', Helvetica, Arial, sans-serif;          /* mvp_content_font / mvp_para_font */
  --lvdx-font-menu: 'Archivo Narrow', 'Arial Narrow', Arial, sans-serif; /* mvp_menu_font, titres de listes */
  --lvdx-font-display: 'Anton', Impact, 'Arial Narrow Bold', sans-serif; /* titre a la une, h1 article, citations (preset white) */
  --lvdx-font-legacy: 'Roboto', Helvetica, Arial, sans-serif;           /* police de base de style.css encore chargee par le theme */
  --lvdx-size-11: .7rem;   /* 11,2 px : categorie, date, label precedent/suivant */
  --lvdx-size-13: .8rem;   /* 12,8 px : chapeau mobile */
  --lvdx-size-14: 14px;    /* menu principal, meta auteur */
  --lvdx-size-16: 1rem;    /* body, titres sidebar, 404 p */
  --lvdx-size-18: 1.1rem;  /* chapeaux, onglets, bandeaux, corps d'article */
  --lvdx-size-19: 1.2rem;  /* precedent/suivant */
  --lvdx-size-27: 1.7rem;  /* titres de liste, sous-une */
  --lvdx-size-42: 2.6rem;  /* titre a la une (h2.mvp-stand-title) */
  --lvdx-size-51: 3.2rem;  /* titre a la une (h2) */
  --lvdx-size-56: 3.5rem;  /* h1 article */
  --lvdx-size-80: 5rem;    /* h1 404 */
  --lvdx-weight-regular: 400;
  --lvdx-weight-bold: 700;
  --lvdx-leading-tight: 1.1;
  --lvdx-leading-body: 1.7;

  /* Espacements (echelle observee dans le theme) */
  --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;

  /* Rayons, ombres */
  --lvdx-radius-sm: 2px;    /* traits du burger */
  --lvdx-radius-round: 50%; /* avatars */
  --lvdx-shadow-fly: 0 0 20px rgba(0, 0, 0, .3); /* menu lateral ouvert */

  /* Grille et points de rupture */
  --lvdx-container: 1200px; /* .mvp-main-box */
  --lvdx-sidebar: 300px;    /* #mvp-side-wrap */
  --lvdx-bp-phone: 479px;
  --lvdx-bp-phablet: 767px;
  --lvdx-bp-tablet: 1003px;
  --lvdx-bp-desktop: 1199px;
}