/* DARK MODE (défaut) */
:root,
/* LIGHT MODE */
body.light-mode {
    --background: #fafafa;
    --card-background: #eeeef0;
    --card-background-disabled: #ffffff;
    --card-background-60: rgba(210,211,219, .6);
    --primary-text: #374151;
    --secondary-text: #6B7280;
    --border-color: #E5E7EB;
    --border-color-60: rgba(229, 231, 235, 0.6);
    --placeholder: rgba(156, 163, 175, 0.99);

    --danger: #FF4856;
    --danger-60: rgba(239, 68, 68, 0.6);
    --success: #198754;
    --success-60: rgba(38, 138, 76, 0.6);
    --warning: #FFA144;
    --warning-60: rgba(197, 145, 0, 0.6);
    --info: #3B82F6;
    --info-60: rgba(25, 112, 141, 0.6);
    --secondary: #1B1B1B;
    --secondary-60: rgba(27, 27, 27, 0.6);

    --bg-secondary: #F3F4F6;
    --bg-success: rgba(5, 150, 105, 0.1);
    --bg-danger: rgba(220, 38, 38, 0.1);
    --bg-warning: rgba(217, 119, 6, 0.1);
    --bg-info: rgba(37, 99, 235, 0.1);

    --text-white: #1F2937;

    --primary: #d7d7d7;
    --active: #d7d7d7;
    --active-disabled: rgba(215, 215, 215, .20);
    --active-85: rgba(215, 215, 215, .85);
    --active-60: rgba(215, 215, 215, .60);

    --btn-primary-bg: #1F2937;
    --btn-primary-text: #fff;
    --btn-primary-hover: #374151;

    --progress-bg: #E5E7EB;
    --progress-bar: #1F2937;
}