/* ===========================================================================
   THÈMES PAR TYPE D'ÉVÉNEMENT — déclinaison « Nuit néon »

   Contrat : tout thème DOIT définir exactement les mêmes 10 variables --th-*.
   Rien de plus. La mise en page n'appartient jamais au thème, seulement
   l'habillage : c'est ce qui garantit qu'aucun thème ne casse un écran.

   Dans cette direction, tous les thèmes sont des nuits. Ce qui les distingue
   n'est pas la clarté mais LA COULEUR DES HALOS : chaque type d'événement a
   son couple de néons. Un mariage et une soirée techno partagent le même
   noir, et pourtant on ne les confond pas une seconde.

   --th-accent-encre est la couleur du texte POSÉ SUR --th-accent. Elle est
   calculée une fois ici plutôt que devinée écran par écran : c'est ce qui
   évite le blanc sur cyan, illisible (1,9:1).

   La classe est posée sur <html> par la page invité et par la planche
   d'impression. Le back-office s'en sert pour les pastilles et l'aperçu.
   =========================================================================== */

/* --- Contrat par défaut (= thème « autre ») ------------------------------ */
[class*="theme-"] {
    --th-fond:         #07060D;
    /* Les trois nappes de l'aurore. Elles sont peintes sur des elements de
       taille FIXE (voir .scene__aurore) et non sur un degrade en pourcentage :
       un degrade en pourcentage grandit avec la fenetre et lave l'ecran. */
    --th-halo-1:       #FF2D8E;
    --th-halo-2:       #7B3BFF;
    --th-halo-3:       #00C8F5;
    --th-accent:       #FF3D9A;
    --th-accent-encre: #100A18;
    --th-texte:        #F4F1FF;
    --th-texte-doux:   rgba(244,241,255,.72);
    --th-carte:        rgba(255,255,255,.075);
    --th-bordure:      rgba(255,255,255,.14);
    --th-police-titre: var(--police);
    --th-motif:        none;
    color-scheme: dark;
}

/* --- Anniversaire : magenta et or, le plus festif ------------------------ */
.theme-anniversaire {
    --th-fond:         #0A0614;
    /* Les trois nappes de l'aurore, en dur : elles sont peintes sur des
       elements de taille fixe, pas sur un degrade en pourcentage. */
    --th-halo-1:       #FF2D8E;
    --th-halo-2:       #FFC24D;
    --th-halo-3:       #A06BFF;
    --th-degrade:
        radial-gradient(120% 90% at 10% -10%, rgba(255,45,142,.62) 0%, transparent 60%),
        radial-gradient(110% 85% at 90% 4%,   rgba(255,194,77,.34) 0%, transparent 58%),
        radial-gradient(130% 95% at 52% 120%, rgba(160,107,255,.48) 0%, transparent 66%),
        linear-gradient(168deg, #180A26 0%, #08050F 100%);
    --th-accent:       #FF3D9A;
    --th-accent-encre: #14060F;
    --th-texte:        #FFF4FA;
    --th-texte-doux:   rgba(255,244,250,.74);
    --th-carte:        rgba(255,255,255,.08);
    --th-bordure:      rgba(255,61,154,.28);
    --th-police-titre: var(--police);
    /* Confettis lumineux : cinq nappes de points, pur CSS, zéro requête. */
    --th-motif:
        radial-gradient(circle at 12% 18%, rgba(255,194,77,.85) 0 2.5px, transparent 2.5px),
        radial-gradient(circle at 78% 12%, rgba(255,255,255,.55) 0 1.8px, transparent 1.8px),
        radial-gradient(circle at 34% 62%, rgba(255,61,154,.75) 0 2.5px, transparent 2.5px),
        radial-gradient(circle at 88% 74%, rgba(160,107,255,.70) 0 2px,   transparent 2px),
        radial-gradient(circle at 58% 38%, rgba(255,255,255,.40) 0 1.6px, transparent 1.6px);
    color-scheme: dark;
}

/* --- Mariage : rose poudré et champagne, la nuit la plus douce ----------- */
/* Le seul thème où les halos s'apaisent : on garde la nuit, mais on retire
   l'électricité. C'est la retenue qui fait la différence, pas la clarté. */
.theme-mariage {
    --th-fond:         #0B0810;
    /* Les trois nappes de l'aurore, en dur : elles sont peintes sur des
       elements de taille fixe, pas sur un degrade en pourcentage. */
    --th-halo-1:       #E8A0B8;
    --th-halo-2:       #F0CE96;
    --th-halo-3:       #8B6BC0;
    --th-degrade:
        radial-gradient(120% 90% at 14% -8%,  rgba(255,158,196,.40) 0%, transparent 62%),
        radial-gradient(110% 85% at 88% 8%,   rgba(240,206,150,.32) 0%, transparent 60%),
        radial-gradient(130% 95% at 50% 122%, rgba(186,148,255,.30) 0%, transparent 66%),
        linear-gradient(168deg, #17101C 0%, #09070E 100%);
    --th-accent:       #F0CE96;   /* champagne. Encre foncée dessus : 11,4:1 */
    --th-accent-encre: #16100A;
    --th-texte:        #FBF4F7;
    --th-texte-doux:   rgba(251,244,247,.72);
    --th-carte:        rgba(255,255,255,.07);
    --th-bordure:      rgba(240,206,150,.26);
    --th-police-titre: var(--police);
    /* Filigrane floral, une seule ondulation SVG encodée en URI. */
    --th-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23F0CE96' stroke-opacity='.22' stroke-width='1.1'%3E%3Cpath d='M60 8c14 18 14 34 0 52-14-18-14-34 0-52z'/%3E%3Cpath d='M8 60c18-14 34-14 52 0-18 14-34 14-52 0z'/%3E%3Ccircle cx='60' cy='60' r='4'/%3E%3C/g%3E%3C/svg%3E");
    color-scheme: dark;
}

/* --- Crémaillère : ambre et cuivre, la chaleur domestique ---------------- */
.theme-cremaillere {
    --th-fond:         #0D0709;
    /* Les trois nappes de l'aurore, en dur : elles sont peintes sur des
       elements de taille fixe, pas sur un degrade en pourcentage. */
    --th-halo-1:       #FF9A3D;
    --th-halo-2:       #C96A2E;
    --th-halo-3:       #FFC24D;
    --th-degrade:
        radial-gradient(120% 90% at 12% -8%,  rgba(255,138,60,.52) 0%, transparent 60%),
        radial-gradient(110% 85% at 90% 6%,   rgba(255,61,110,.34) 0%, transparent 58%),
        radial-gradient(130% 95% at 50% 120%, rgba(255,194,77,.30) 0%, transparent 66%),
        linear-gradient(168deg, #1E0D08 0%, #0A0607 100%);
    --th-accent:       #FFB44D;
    --th-accent-encre: #170C05;
    --th-texte:        #FFF6EC;
    --th-texte-doux:   rgba(255,246,236,.74);
    --th-carte:        rgba(255,255,255,.075);
    --th-bordure:      rgba(255,180,77,.28);
    --th-police-titre: var(--police);
    /* Toit et fumée : motif « maison » discret en tuile de 90 px. */
    --th-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Cg fill='none' stroke='%23FFB44D' stroke-opacity='.20' stroke-width='1.3' stroke-linejoin='round'%3E%3Cpath d='M18 46 45 24l27 22'/%3E%3Cpath d='M26 46v22h38V46'/%3E%3Cpath d='M40 68V54h10v14'/%3E%3C/g%3E%3C/svg%3E");
    color-scheme: dark;
}

/* --- Soirée : cyan et violet, le plus électrique ------------------------- */
/* C'est le thème canonique de la direction : celui d'où viennent tous les
   autres. Le plus contrasté, le plus proche de l'affiche de club. */
.theme-soiree {
    --th-fond:         #050409;
    /* Les trois nappes de l'aurore, en dur : elles sont peintes sur des
       elements de taille fixe, pas sur un degrade en pourcentage. */
    --th-halo-1:       #00C8F5;
    --th-halo-2:       #7B3BFF;
    --th-halo-3:       #FF2D8E;
    --th-degrade:
        radial-gradient(110% 85% at 16% -8%,  rgba(61,235,255,.52) 0%, transparent 60%),
        radial-gradient(115% 90% at 88% 10%,  rgba(160,107,255,.58) 0%, transparent 62%),
        radial-gradient(130% 95% at 46% 122%, rgba(255,61,154,.42) 0%, transparent 66%),
        linear-gradient(168deg, #0D0A1E 0%, #050409 100%);
    --th-accent:       #3DEBFF;
    --th-accent-encre: #04121A;
    --th-texte:        #F2F7FF;
    --th-texte-doux:   rgba(242,247,255,.72);
    --th-carte:        rgba(255,255,255,.065);
    --th-bordure:      rgba(61,235,255,.30);
    --th-police-titre: var(--police);
    --th-motif:
        radial-gradient(circle at 20% 30%, rgba(255,255,255,.45) 0 1.4px, transparent 1.4px),
        radial-gradient(circle at 70% 15%, rgba(61,235,255,.65) 0 1.4px, transparent 1.4px),
        radial-gradient(circle at 45% 80%, rgba(160,107,255,.50) 0 1.2px, transparent 1.2px);
    color-scheme: dark;
}

/* --- Repas : bourgogne et miel, gourmand -------------------------------- */
.theme-repas {
    --th-fond:         #0C0609;
    /* Les trois nappes de l'aurore, en dur : elles sont peintes sur des
       elements de taille fixe, pas sur un degrade en pourcentage. */
    --th-halo-1:       #B02745;
    --th-halo-2:       #FFC24D;
    --th-halo-3:       #7B3BFF;
    --th-degrade:
        radial-gradient(120% 90% at 12% -8%,  rgba(226,45,86,.48) 0%, transparent 60%),
        radial-gradient(110% 85% at 90% 6%,   rgba(255,194,77,.34) 0%, transparent 58%),
        radial-gradient(130% 95% at 50% 120%, rgba(160,60,120,.40) 0%, transparent 66%),
        linear-gradient(168deg, #1C0710 0%, #090508 100%);
    --th-accent:       #FFC24D;
    --th-accent-encre: #170F04;
    --th-texte:        #FFF3EE;
    --th-texte-doux:   rgba(255,243,238,.74);
    --th-carte:        rgba(255,255,255,.075);
    --th-bordure:      rgba(255,194,77,.26);
    --th-police-titre: var(--police);
    /* Couverts stylisés */
    --th-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23FFC24D' stroke-opacity='.20' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M36 20v26M30 20v14a6 6 0 0 0 12 0V20M36 46v34'/%3E%3Cpath d='M66 20c-6 4-6 18 0 22v38'/%3E%3C/g%3E%3C/svg%3E");
    color-scheme: dark;
}

/* --- Pro : bleu nuit et cyan, sobre et crédible -------------------------- */
/* Le seul thème d'où l'on retire le magenta. Pas de motif festif, halos
   resserrés : un dirigeant doit pouvoir l'envoyer à ses clients sans que
   cela fasse « application d'anniversaire ». */
.theme-pro {
    --th-fond:         #050810;
    /* Les trois nappes de l'aurore, en dur : elles sont peintes sur des
       elements de taille fixe, pas sur un degrade en pourcentage. */
    --th-halo-1:       #2B6CF0;
    --th-halo-2:       #38BDF8;
    --th-halo-3:       #4C4FD8;
    --th-degrade:
        radial-gradient(110% 80% at 14% -10%, rgba(56,189,248,.34) 0%, transparent 58%),
        radial-gradient(105% 80% at 88% 6%,   rgba(99,102,241,.30) 0%, transparent 58%),
        radial-gradient(120% 90% at 50% 120%, rgba(30,58,138,.42) 0%, transparent 66%),
        linear-gradient(168deg, #0A1020 0%, #050810 100%);
    --th-accent:       #38BDF8;
    --th-accent-encre: #04131F;
    --th-texte:        #F1F6FC;
    --th-texte-doux:   rgba(241,246,252,.70);
    --th-carte:        rgba(255,255,255,.055);
    --th-bordure:      rgba(56,189,248,.24);
    --th-police-titre: var(--police);
    /* Trame technique : deux traits fins à 45°, aucune connotation festive. */
    --th-motif: repeating-linear-gradient(45deg, rgba(56,189,248,.06) 0 1px, transparent 1px 14px);
    color-scheme: dark;
}

/* --- Autre : violet neutre ---------------------------------------------- */
.theme-autre {
    --th-fond:         #08060F;
    /* Les trois nappes de l'aurore, en dur : elles sont peintes sur des
       elements de taille fixe, pas sur un degrade en pourcentage. */
    --th-halo-1:       #A06BFF;
    --th-halo-2:       #7B3BFF;
    --th-halo-3:       #00C8F5;
    --th-degrade:
        radial-gradient(120% 90% at 12% -8%,  rgba(160,107,255,.52) 0%, transparent 62%),
        radial-gradient(110% 85% at 90% 6%,   rgba(255,61,154,.32) 0%, transparent 60%),
        radial-gradient(130% 95% at 50% 120%, rgba(61,235,255,.26) 0%, transparent 66%),
        linear-gradient(168deg, #130C22 0%, #07050D 100%);
    --th-accent:       #A06BFF;
    --th-accent-encre: #0D0618;
    --th-texte:        #F4F1FF;
    --th-texte-doux:   rgba(244,241,255,.72);
    --th-carte:        rgba(255,255,255,.07);
    --th-bordure:      rgba(160,107,255,.26);
    --th-police-titre: var(--police);
    --th-motif:        none;
    color-scheme: dark;
}