/* css/style.css */
:root {
    /* THÈME SOMBRE (Défaut) */
    --bg-color: #121212;
    --card-bg: #1e1e1e;
    --text-main: #e0e0e0;
    --text-muted: #a0a0a0;
    --accent: #3498db;
    --border-color: #333;
    --gap: 20px;
    --font-main: 'Segoe UI', Helvetica, Arial, sans-serif;
}

/* THÈME CLAIR */
[data-theme="light"] {
    --bg-color: #f4f4f4;
    --card-bg: #ffffff;
    --text-main: #333333;
    --text-muted: #666666;
    --accent: #2980b9;
    --border-color: #ddd;
}

body {
    font-family: var(--font-main);
    background: var(--bg-color);
    color: var(--text-main);
    margin: 0;
    padding: 0;
    line-height: 1.6;
    transition: background-color 0.3s ease, color 0.3s ease;

}