/* ===== THÈME CLAIR (par défaut) ===== */
:root {
    --bg-primary: #FFFFFF;
    --bg-secondary: #F5F7FA;
    --bg-card: #FFFFFF;
    --text-primary: #1A1D23;
    --text-secondary: #5A6472;
    --accent: #1A73E8;
    --accent-hover: #1558B0;
    --border-color: #E1E5EA;
    --shadow: rgba(0, 0, 0, 0.08);
    --badge-strong-bg: #1A73E8;
    --badge-strong-text: #FFFFFF;
    --badge-solid-bg: #E8F0FE;
    --badge-solid-text: #1A73E8;
    --badge-other-bg: #F1F3F4;
    --badge-other-text: #5A6472;
    --success-bg: #E6F4EA;
    --success-text: #1E7E34;
    --error-bg: #FCE8E6;
    --error-text: #C5221F;
    --whatsapp-color: #25D366;
}

/* ===== THÈME SOMBRE ===== */
[data-theme="dark"] {
    --bg-primary: #0D0F12;
    --bg-secondary: #15181D;
    --bg-card: #1A1E24;
    --text-primary: #EDEFF2;
    --text-secondary: #9AA3AF;
    --accent: #00E676;
    --accent-hover: #00C765;
    --border-color: #2A2F38;
    --shadow: rgba(0, 0, 0, 0.4);
    --badge-strong-bg: #00E676;
    --badge-strong-text: #0D0F12;
    --badge-solid-bg: #14301F;
    --badge-solid-text: #00E676;
    --badge-other-bg: #22262D;
    --badge-other-text: #9AA3AF;
    --success-bg: #14301F;
    --success-text: #00E676;
    --error-bg: #3A1A1A;
    --error-text: #FF6B6B;
    --whatsapp-color: #25D366;
}

/* Transition douce entre les thèmes */
body, header, .project-card, .canva-card, input, textarea, select {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}