/* G2 Theme : design tokens « Riso Zine ».
   Source : handoff design_handoff_riso_zine (2026-10-05).
   Un fanzine féministe imprimé en risographie : papier crème, deux encres
   (rose fluo, bleu riso) plus le noir, calées de travers exprès (ombres
   décalées sans flou), photos en bichromie, angles droits partout.
   Palette reprise aussi dans theme.json pour l'éditeur. */
:root {
	/* ---- Papier et encres ---- */
	--g2-paper:  #F2EDE3;   /* fond de page, header, aplats doux */
	--g2-ink:    #1A1A1A;   /* texte, tous les contours, fond du footer */
	--g2-pink:   #FF48B0;   /* encre 1 : décalages, surlignages, étiquettes, CTA */
	--g2-blue:   #0078BF;   /* encre 2 : titres, boutons principaux, section FAQ */
	--g2-white:  #ffffff;   /* cartes */
	--g2-bg:     var(--g2-paper);

	/* Règles de contraste : petit texte toujours en noir sur papier, blanc ou
	   rose. Le bleu sert aux grands corps, au texte sur blanc et au blanc sur
	   bleu. Jamais de texte rose sur papier. */

	/* ---- Texte ---- */
	--g2-muted:       #55504a;   /* petites lignes de réassurance */
	--g2-on-ink:      #F2EDE3;   /* texte sur fond noir (footer) */
	--g2-on-ink-soft: #d8d2c8;
	--g2-on-ink-dim:  #b5aea4;

	/* ---- Traitements riso ---- */
	--g2-tape-pink: rgba(255, 72, 176, .6);    /* ruban adhésif translucide */
	--g2-tape-blue: rgba(0, 120, 191, .45);
	--g2-marker:    rgba(255, 72, 176, .5);    /* surligneur (gras de la prose) */
	--g2-halftone:  radial-gradient(var(--g2-pink) 2px, transparent 2.4px);

	/* ---- Contours et filets ---- */
	--g2-bd:   2px solid var(--g2-ink);
	--g2-rule: 2px dashed var(--g2-ink);

	/* ---- Ombres : aplat décalé de l'autre encre, flou zéro ---- */
	--g2-sh-blue-3: 3px 3px 0 var(--g2-blue);
	--g2-sh-blue-4: 4px 4px 0 var(--g2-blue);
	--g2-sh-blue-5: 5px 5px 0 var(--g2-blue);
	--g2-sh-blue-8: 8px 8px 0 var(--g2-blue);
	--g2-sh-pink-4: 4px 4px 0 var(--g2-pink);
	--g2-sh-pink-5: 5px 5px 0 var(--g2-pink);
	--g2-sh-pink-7: 7px 7px 0 var(--g2-pink);
	--g2-sh-pink-8: 8px 8px 0 var(--g2-pink);

	/* ---- Typo ---- */
	/* Replis : d'abord une graisse ronde et étroite, proche de Bagel, pour que
	   le texte bouge peu à l'arrivée de la police. */
	--g2-font-display: 'Bagel Fat One', 'Arial Rounded MT Bold', 'Arial Black', system-ui, sans-serif;
	--g2-font-body:    'Space Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
	/* Texte courant des articles et des pages : Space Grotesk, la sœur
	   proportionnelle de Space Mono, plus lisible sur de longs paragraphes.
	   Space Mono reste la police des étiquettes et de l'interface. */
	--g2-font-text:    'Space Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

	/* ---- Layout ---- */
	--g2-maxw:        1200px;  /* header, footer, sections */
	--g2-maxw-narrow: 1000px;  /* citations, 404 */
	--g2-maxw-legal:   900px;  /* carte des pages légales, contact */
	--g2-maxw-prose:   820px;  /* corps d'article */
	--g2-pad:           32px;  /* gouttière desktop */
	--g2-pad-mobile:    18px;  /* gouttière mobile */

	/* Breakpoints (info, repris en dur dans les @media) :
	   1180 slogan du header masqué · 960 grilles à 2 colonnes, blocs empilés
	   · 760 burger, tout sur 1 colonne · 480 H1 réduit. */

	/* ---- Alias hérités ----
	   Des blocs HTML posés dans le contenu des articles (boîte auteur
	   `.g2-author-box`) portent leur propre <style> et lisent ces variables
	   de l'ancienne DA. On les garde, recalées sur le riso : sans elles ces
	   blocs perdraient fond, contour et ombre. */
	--g2-cream:  var(--g2-white);
	--g2-bd-lg:  var(--g2-bd);
	--g2-r-card: 0;
	--g2-sh-6:   6px 6px 0 var(--g2-blue);
}