/* G3 Theme — tokens (palette/typo aussi exposees via theme.json) */
:root {
	/* === Palette === */
	--g3-paper:      #ffffff;
	--g3-paper-soft: #f4f4f2;
	--g3-ink:        #0a0a0a;
	--g3-ink-soft:   #666666;
	--g3-ink-mute:   #aaaaaa;
	--g3-accent:     #ee2818; /* vermillon */
	--g3-accent2:    #c8ff2d; /* lime */
	--g3-yellow:     #f5d24a;

	/* === Polices === */
	--g3-font-display: "Anton", "Archivo Black", sans-serif;
	--g3-font-fat:     "Bowlby One", "Archivo Black", sans-serif;
	--g3-font-body:    "Inter Tight", system-ui, sans-serif;
	--g3-font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
	--g3-font-marker:  "Permanent Marker", cursive;

	/* === Ombres dures (offset, sans flou) === */
	--g3-shadow-3:   3px 3px 0 var(--g3-ink);
	--g3-shadow-4:   4px 4px 0 var(--g3-ink);
	--g3-shadow-5:   5px 5px 0 var(--g3-ink);
	--g3-shadow-6:   6px 6px 0 var(--g3-ink);
	--g3-shadow-8:   8px 8px 0 var(--g3-ink);
	--g3-shadow-10:  10px 10px 0 var(--g3-ink);
	--g3-shadow-12:  12px 12px 0 var(--g3-ink);
	--g3-shadow-cta: 6px 6px 0 var(--g3-accent); /* boutons CTA = ombre accent */

	/* === Bordures : 2px ink (G3 = epaisseur unique) === */
	--g3-border:        2px solid var(--g3-ink);
	--g3-border-thin:   2px solid var(--g3-ink);
	--g3-border-medium: 2px solid var(--g3-ink); /* alias transition */
	--g3-border-thick:  2px solid var(--g3-ink); /* alias transition */

	/* === Rayons : 0 (avatars/stickers = 50% gere en local) === */
	--g3-radius:        0;
	--g3-radius-card:   0; /* alias transition */
	--g3-radius-image:  0; /* alias transition */
	--g3-radius-button: 0; /* alias transition */
	--g3-radius-pill:   999px;

	/* === Breakpoints === */
	--g3-bp-tablet: 1024px;
	--g3-bp-mobile: 760px;
}