/* ── Background gradients ── */
.bg-blur-purple { background: radial-gradient(circle at center, rgba(107,33,168,0.3) 0%, rgba(30,41,59,1) 80%); }
.bg-blur-blue   { background: radial-gradient(circle at center, rgba(37,99,235,0.15) 0%, rgba(30,41,59,1) 80%); }
.bg-blur-myth   { background: radial-gradient(circle at center, rgba(234,88,12,0.15) 0%, rgba(30,41,59,1) 80%); }
.bg-blur-lingo  { background: radial-gradient(circle at center, rgba(101,163,13,0.15) 0%, rgba(30,41,59,1) 80%); }

/* ── Text outlines ── */
/* --outline-color defaults to purple; override with <style>:root{--outline-color:#HEX}</style> per page */
.text-outline       { -webkit-text-stroke: 8px var(--outline-color, #4c1d95); paint-order: stroke fill; }
.text-outline-black { -webkit-text-stroke: 3px #000000; paint-order: stroke fill; }

/* ── Tab buttons (groupe.html) ── */
.tab-btn.actif { background-color: rgb(109 40 217); color: white; }