/* ─────────────────────────────────────────────────────────────────────────────
   PlayTime — 12 thèmes « pochettes » : photo en bichromie (tools/themes), voile coloré pour
   la lisibilité, accent et police d'affiche propres au style. Contraste : texte blanc sur
   verre sombre, et texte foncé (--accent-ink) sur les boutons d'accent (≥ 4,5:1).
   Le fond n'est téléchargé que pour le thème actif.
   ───────────────────────────────────────────────────────────────────────────── */

[data-theme="aurore"] {
    --bg-base: #2d1b4e; --bg-image: url('../themes/aurore.webp'); --scrim: 45, 27, 78;
    --accent: #ffd166; --accent-ink: #2d1b4e; --accent-2: #ff8fab;
    --font-display: 'Fraunces', Georgia, serif; --display-weight: 600; --display-style: italic;
}

[data-theme="nuit"] {
    --bg-base: #03050d; --bg-image: url('../themes/nuit.webp'); --scrim: 3, 5, 13;
    --scrim-top: 0.45; --scrim-bottom: 0.9;
    --accent: #a9c1ff; --accent-ink: #03050d; --accent-2: #d2b8ff;
    --font-display: 'Fraunces', Georgia, serif; --display-weight: 300;
}

[data-theme="reggae"] {
    --bg-base: #0e2a12; --bg-image: url('../themes/reggae.webp'); --scrim: 14, 42, 18;
    --accent: #ffcf33; --accent-ink: #0e2a12; --accent-2: #ff5a5f;
    --font-display: 'Lilita One', var(--font-ui); --display-weight: 400; --display-tracking: 0.01em;
}

[data-theme="rock"] {
    --bg-base: #140202; --bg-image: url('../themes/rock.webp'); --scrim: 20, 2, 2;
    --accent: #ff5530; --accent-ink: #140202; --accent-2: #ffc2b0;
    --font-display: 'Bungee', var(--font-ui); --display-weight: 400; --display-tracking: 0;
    --display-transform: uppercase;
}

[data-theme="metal"] {
    --bg-base: #040405; --bg-image: url('../themes/metal.webp'); --scrim: 4, 4, 5;
    --scrim-top: 0.6; --scrim-bottom: 0.9;
    --accent: #ff7a18; --accent-ink: #120600; --accent-2: #d5dbe2;
    --font-display: 'Pirata One', var(--font-ui); --display-weight: 400; --display-tracking: 0.02em;
}

[data-theme="blues"] {
    --bg-base: #03102a; --bg-image: url('../themes/blues.webp'); --scrim: 3, 16, 42;
    --accent: #7cc0ff; --accent-ink: #03102a; --accent-2: #ffd27a;
    --font-display: 'Abril Fatface', Georgia, serif; --display-weight: 400; --display-tracking: 0.01em;
}

[data-theme="jazz"] {
    --bg-base: #140b02; --bg-image: url('../themes/jazz.webp'); --scrim: 20, 11, 2;
    --scrim-top: 0.6; --scrim-bottom: 0.88;
    --accent: #f5c76b; --accent-ink: #140b02; --accent-2: #f0957b;
    --font-display: 'Poiret One', var(--font-ui); --display-weight: 400; --display-tracking: 0.04em;
}

[data-theme="funk"] {
    --bg-base: #3a0b4d; --bg-image: url('../themes/funk.webp'); --scrim: 42, 6, 54;
    --accent: #ff9a4d; --accent-ink: #2a0636; --accent-2: #ffe14d;
    --font-display: 'Shrikhand', var(--font-ui); --display-weight: 400; --display-tracking: 0;
}

[data-theme="celtique"] {
    --bg-base: #04170f; --bg-image: url('../themes/celtique.webp'); --scrim: 4, 23, 15;
    --scrim-top: 0.6; --scrim-bottom: 0.9;
    --accent: #8fdcb2; --accent-ink: #04170f; --accent-2: #e9c46a;
    --font-display: 'Uncial Antiqua', Georgia, serif; --display-weight: 400; --display-tracking: 0;
}

[data-theme="classique"] {
    --bg-base: #120c08; --bg-image: url('../themes/classique.webp'); --scrim: 18, 12, 8;
    --scrim-top: 0.62; --scrim-bottom: 0.9;
    --accent: #e3c58a; --accent-ink: #120c08; --accent-2: #c99a7e;
    --font-display: 'Cormorant Garamond', Georgia, serif; --display-weight: 700; --display-tracking: 0;
}

[data-theme="electro"] {
    --bg-base: #04061a; --bg-image: url('../themes/electro.webp'); --scrim: 4, 6, 26;
    --accent: #19e6ff; --accent-ink: #04061a; --accent-2: #ff3fd8;
    --font-display: 'Major Mono Display', ui-monospace, monospace; --display-weight: 400; --display-tracking: -0.04em;
}

[data-theme="pop"] {
    --bg-base: #2b1640; --bg-image: url('../themes/pop.webp'); --scrim: 43, 22, 64;
    --scrim-top: 0.62; --scrim-bottom: 0.9;
    --accent: #ff4d8d; --accent-ink: #1d0b2b; --accent-2: #ffd23f;
    --font-display: 'Fredoka', var(--font-ui); --display-weight: 700; --display-tracking: -0.01em;
}