@charset "UTF-8";
/* CSS Document */

/* =========================================
   EDL — Base
   ========================================= */

/* =========================================================
   EDL — FONTS LOCALES (front + editor)
   ========================================================= */

@font-face{
  font-family: "ChunkFive";
  src: url("../fonts/Chunkfive-Ex.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* =========================================
   TYPO — TOKENS
   ========================================= */

:root{
	--font-accent: 'Chunkfive', Georgia, "Times New Roman", serif;
	
	--font-text: "avenir-lt-pro", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--font-title: "bebas-neue-pro", sans-serif;
	--font-heading: "ChunkFive", Georgia, "Times New Roman", serif;
}

/* =========================================
   COLORS — TOKENS (EDL)
   ========================================= */

:root{
  /* Neutres */
  --color-text: #212529;
  --color-link: #5f6c77;
  --color-white: #ffffff;

  /* (Optionnel mais pratique) */
  --color-black: #000000;
  --color-secondaire: #EBEBEB;
  --color-bg-light: #f4f4f4;

  /* Rubriques (catégories) */
  --rubrique-vous-dites: #f47d46;
  --rubrique-rdv-avec: #5c869b;
  --rubrique-la-tartine: #d2e05b;
  --rubrique-libres-ensemble: #ce2b32;
  --rubrique-chronique-du-nord: #87896a;
  --rubrique-la-bas: #243c96;
  --rubrique-les-cultureux: #df9dc6;
  --rubrique-tox-en-toc: #ffcb66;
  --rubrique-web: #6a8a7f;
}


/* =========================================
   LAYOUT
   ========================================= */

:root {
  /* tu pourras poser ici tes variables (couleurs, typos, espacements) */
	--content-width: 1140px;
}

/* Petit reset safe */
img {
  max-width: 100%;
  height: auto;
}

/* Ta préférence design (net/anguleux) : pas de border-radius par défaut */
img,
.elementor img {
  border-radius: 0;
}

html{
  font-size: 16px; /* 1rem = 16px (sécurité) */
}

body{
  font-family: var(--font-text);
  font-size: 1rem;
  font-weight: 400; /* normal */
  font-style: normal;
  line-height: 1.8;
  color: var(--color-text, #212529);
}

/* =========================================================
   EDL — TYPO DE BASE (éditeur Gutenberg)
   - Supporte l’éditeur en iframe (canvas) + hors iframe
   - Empêche les overrides WP/Theme
   ========================================================= */

/* Canvas Gutenberg (iframe) */
.editor-styles-wrapper{
  font-family: var(--font-text) !important;
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.8;
  color: var(--color-text, #212529);
}

/* Contenu à l’intérieur (parfois WP applique du style plus spécifique) */
.editor-styles-wrapper :where(p, li, dd, dt, blockquote){
  font-family: inherit !important;
  line-height: inherit;
}

/* Cas où WP/Hello cible le layout wrapper du bloc editor */
.edit-post-visual-editor,
.block-editor-writing-flow{
  font-family: var(--font-text) !important;
}

/* Accent (rubriques / tags / labels) */
.edl-rubrique,
.edl-tag,
.edl-label{
  font-family: var(--font-accent);
  font-weight: 400;
  letter-spacing: 0.01em;
}