/* GROOVE — pop · dance · électro · k-pop · r&b
   Habit clair par défaut : néon rose sur crème, rondeurs, titres larges. */

[data-theme="groove"] {
    --th-bg: #fdf6f8;
    --th-surface: #ffffff;
    --th-surface-2: #fbe9f0;
    --th-border: #f0c9d8;
    --th-text: #2a1a22;
    --th-muted: #8d6b78;
    --th-accent: #e8709a;
    --th-accent-2: #7b5cd6;
    --th-title-font: 'Montserrat', system-ui, sans-serif;
    --th-body-font: 'Inter', system-ui, sans-serif;
    --th-radius: 14px;
    --th-tracking: 1.5px;
}

[data-theme="groove"][data-variant="dark"] {
    --th-bg: #160f18;
    --th-surface: #1e1520;
    --th-surface-2: #2a1c2e;
    --th-border: #3d2a43;
    --th-text: #f3e7ee;
    --th-muted: #a98ea0;
    --th-accent: #ff8fb8;
    --th-accent-2: #a98bff;
}

/* Signature : fond légèrement dégradé « piste de danse », titres gras. */
[data-theme="groove"] body,
[data-theme="groove"] .theme-surface {
    background-image: radial-gradient(circle at 15% 0%, color-mix(in srgb, var(--th-accent) 14%, transparent), transparent 55%);
}

[data-theme="groove"] .theme-title,
[data-theme="groove"] h1,
[data-theme="groove"] h2 {
    font-weight: 700;
    text-transform: none;
}

[data-theme="groove"] .theme-rule {
    height: 3px;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--th-accent), var(--th-accent-2), transparent 85%);
}

[data-theme="groove"] .theme-badge {
    border-radius: 99px;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--th-accent) 14%, transparent);
}