/* Explain: Styles for the dark theme. */
/* Mode sombre — surcharge des jetons de thème et des fonds clairs codés en dur. */
[data-theme="dark"] {
    --primary-color: #7C97FF;
    --primary-hover: #9BB0FF;
    --secondary-color: rgba(59, 91, 219, 0.24);
    --accent-color: #FF6B78;
    --accent-soft: rgba(230, 57, 70, 0.22);
    --background-color: #0B1120;
    --surface-color: #131C31;
    --surface-2: #1B2540;
    --footer-bg: #060B16;
    --text-color: #E7ECF6;
    --text-muted: #9AA6BE;
    --border-color: rgba(146, 165, 214, 0.16);
    --glass-bg: rgba(19, 27, 49, 0.76);
    --glass-border: rgba(120, 140, 200, 0.22);
    --nav-bg: rgba(11, 17, 32, 0.86);
    --field-bg: rgba(24, 33, 56, 0.86);
    --shadow-soft: 0 18px 50px rgba(0, 0, 0, 0.45);
    --shadow-button: 0 14px 30px rgba(0, 0, 0, 0.40);
}

[data-theme="dark"] .site-header {
    background: linear-gradient(180deg, rgba(11, 17, 32, 0.92), rgba(11, 17, 32, 0.58));
}

[data-theme="dark"] .hero-split {
    background: linear-gradient(120deg, rgba(11, 17, 32, 0.98) 0%, rgba(15, 23, 44, 0.90) 55%, rgba(59, 91, 219, 0.18) 100%);
}

[data-theme="dark"] .contact-section {
    background:
        radial-gradient(circle at 8% 16%, rgba(59, 91, 219, 0.18), transparent 24rem),
        linear-gradient(180deg, var(--background-color), var(--surface-color));
}

[data-theme="dark"] .glass-panel,
[data-theme="dark"] .rank-row {
    background: linear-gradient(150deg, var(--glass-bg), rgba(19, 27, 49, 0.62));
}

[data-theme="dark"] .pk-panel {
    background: linear-gradient(160deg, #182238 0%, var(--surface-color) 100%);
}

[data-theme="dark"] .pk-tile,
[data-theme="dark"] .tl-move {
    background: #1B2540;
}

[data-theme="dark"] .tl-card {
    background: linear-gradient(160deg, #1B2540, var(--surface-color));
}

[data-theme="dark"] .tl-sprite-wrap {
    background: radial-gradient(circle at 50% 30%, rgba(59, 91, 219, 0.30), rgba(20, 28, 48, 0.92) 70%);
}

[data-theme="dark"] .pokeball {
    background: linear-gradient(180deg, var(--accent-color) 0 50%, #2A3450 50% 100%);
}

[data-theme="dark"] .pokeball::after {
    background: #E7ECF6;
}

[data-theme="dark"] .btn-primary-tpf,
[data-theme="dark"] .cal-tab-active,
[data-theme="dark"] .brand-mark {
    background: #3A55B8;
}

[data-theme="dark"] .btn-primary-tpf:hover {
    background: #4A66CC;
}

[data-theme="dark"] .field:focus {
    box-shadow: 0 0 0 3px rgba(124, 151, 255, 0.25);
}

[data-theme="dark"] .type-pill-blue,
[data-theme="dark"] .badge-official,
[data-theme="dark"] .tl-badge-item {
    background: rgba(124, 151, 255, 0.20);
    color: #BAC8FF;
}

[data-theme="dark"] .type-pill-amber,
[data-theme="dark"] .badge-tpf {
    background: rgba(255, 201, 60, 0.22);
    color: #FFD473;
}

[data-theme="dark"] .badge-cash,
[data-theme="dark"] .badge-closed,
[data-theme="dark"] .tl-badge-tera {
    background: rgba(230, 57, 70, 0.20);
    color: #FF9AA4;
}

[data-theme="dark"] .badge-open {
    background: rgba(34, 150, 89, 0.20);
    color: #6FE0A6;
}

[data-theme="dark"] .badge-muted {
    background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .chip-accent {
    color: #FF9AA4;
}

[data-theme="dark"] .pk-gauge {
    background: rgba(255, 255, 255, 0.10);
}

[data-theme="dark"] .move-flag.is-contact {
    color: #FF9AA4;
}

[data-theme="dark"] ::selection {
    color: #0B1120;
}