/* ── Habillage sombre — préversion pour la production ────────────────────
   Charge APRÈS style.css : ne touche à AUCUN sélecteur HTML/JS existant,
   redéfinit uniquement les variables --color-* et --shadow-* déjà utilisées
   partout dans style.css, + quelques ajouts purement visuels (bordures de
   cartes, flou "verre dépoli" sur la barre du haut, halo sur les boutons).
   Peut être retiré d'un coup (2 lignes de <link>) sans rien casser. */

:root {
    --color-bg: #060f0e;
    --color-surface: #0f1e1c;
    --color-text: #eef7f5;
    --color-text-muted: #9db3ae;
    --color-border: rgba(255,255,255,.10);

    --color-primary: #2dd4bf;
    --color-primary-dark: #5eead4;
    --color-primary-light: rgba(45,212,191,.14);

    --color-success: #34d399;
    --color-success-dark: #6ee7b7;
    --color-success-light: rgba(52,211,153,.14);

    --color-danger: #f87171;
    --color-danger-light: rgba(248,113,113,.14);

    --color-warning: #fbbf24;
    --color-warning-light: rgba(251,191,36,.14);

    --color-neutral: #24403c;
    --color-neutral-dark: #1a2f2c;

    --shadow-sm: 0 1px 2px rgba(0,0,0,.35);
    --shadow-md: 0 8px 24px rgba(0,0,0,.4);
}

body {
    background:
        radial-gradient(ellipse 80% 50% at 50% -10%, rgba(45,212,191,.16), transparent 60%),
        var(--color-bg);
    background-attachment: fixed;
}

/* Le texte de bouton "blanc" d'origine reste juste (--color-primary est
   maintenant clair sur fond sombre, donc le bouton lui-même reste lisible),
   mais sur ce fond sombre un texte de bouton très foncé lit mieux. */
button { color: #04211d; }
.btn-secondary, .btn-danger { color: var(--color-text); }
.btn-whatsapp { color: #04211d; }

/* Cartes/éléments : un fond blanc plat devient un fond sombre plat via les
   variables, mais sans bordure ça se fond dans l'arrière-plan — on ajoute
   une bordure fine partout où style.css n'en avait pas besoin sur fond clair. */
.card, .login-box, details.accordion, .item, .credential,
.topbar, .tabs {
    border: 1px solid var(--color-border);
}
details.accordion.lot-ticket { border-color: var(--color-border); }

.topbar, .tabs {
    background: rgba(15,30,28,.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.tab-btn:hover { background: rgba(255,255,255,.04); }
.quantity-buttons button, .segmented button { background: rgba(255,255,255,.04); }

/* Halo doux au survol des boutons pleins, cohérent avec la vitrine */
button:not(.btn-secondary):not(.btn-danger):not(.btn-sm):hover {
    box-shadow: 0 0 0 1px var(--color-primary-light), 0 8px 20px rgba(45,212,191,.18);
}

/* Le QR garde un fond blanc (nécessaire pour rester scannable) */
.qr-ticket { background: #fff; }

::selection { background: var(--color-primary-light); color: var(--color-text); }