/* ====================== */
/*        LIGHT MODE      */
/* ====================== */
:root {
  /* ==== Couleurs globales ==== */
  --color-bg: #f8fbff;
  --color-text: #333;
  --color-primary: #0d6efd;

  --color-header-bg: #1f2d3d;
  --color-header-text: #fff;
  --color-header-link-hover: #ced4da;

  --color-sidebar-bg: #f0f4f8;
  --color-sidebar-text: #3a3f44;

  --color-footer-bg: #1f2d3d;
  --color-footer-text: #fff;

  --color-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  --color-box-shadow-footer: 0 -1px 4px rgba(0, 0, 0, 0.1);

  /* ==== FullCalendar / Events ==== */
  --fc-button-bg: #aed6f1;
  --fc-button-text: #000;
  --fc-button-hover-bg: #d4e6f1;
  --fc-card-bg: #fff;
  --fc-grid-border: #dee2e6;
  --fc-col-header-bg: #f1f3f5;
  --fc-col-header-text: #343a40;
  --fc-slot-label: #6c757d;
  --fc-slot-even-bg: #f9f9f9;
  --fc-slot-odd-bg: #ffffff;
  --fc-event-bg: #d4e6f1;
  --fc-event-text: #212529;
  --fc-tooltip-bg: #4e555b;
  --fc-tooltip-text: #fff;
  --fc-modal-bg: #fefefe;
  --fc-modal-header-bg: #e9f1f8;
  --fc-modal-header-border: #dee2e6;
  --fc-modal-title: #212529;
  /* Catégories pastel */
  --fc-cat-support-bg: #d0e8ff;
  --fc-cat-support-text: #0056b3;
  --fc-cat-appel-bg: #e6ffe6;
  --fc-cat-appel-text: #1b5e20;
  --fc-cat-reunion-bg: #ffe6e6;
  --fc-cat-reunion-text: #b71c1c;
  --fc-cat-maintenance-bg: #fff3cd;
  --fc-cat-maintenance-text: #856404;
  --fc-cat-note-bg: #f3e5f5;
  --fc-cat-note-text: #6a1b9a;

  /* ==== Soft Button colors ==== */
  --soft-primary-bg: #cfe2ff;
  --soft-primary-color: #084298;
  --soft-primary-hover: #bfd8ff;
  --soft-secondary-bg: #e2e3e5;
  --soft-secondary-color: #41464b;
  --soft-secondary-hover: #d6d7d9;
  --soft-success-bg: #d1e7dd;
  --soft-success-color: #0f5132;
  --soft-success-hover: #c7ddd4;
  --soft-danger-bg: #f8d7da;
  --soft-danger-color: #842029;
  --soft-danger-hover: #f4c2c7;
  --soft-warning-bg: #fff3cd;
  --soft-warning-color: #664d03;
  --soft-warning-hover: #ffe8a1;
  --soft-info-bg: #cff4fc;
  --soft-info-color: #055160;
  --soft-info-hover: #b6effb;
  --soft-light-bg: #fefefe;
  --soft-light-color: #636464;
  --soft-light-hover: #f2f2f2;
  --soft-dark-bg: #d3d3d4;
  --soft-dark-color: #141619;
  --soft-dark-hover: #c0c0c2;
  /* Outline border */
  --soft-primary-border: #cfe2ff;
  --soft-secondary-border: #e2e3e5;
  --soft-success-border: #d1e7dd;
  --soft-danger-border: #f8d7da;
  --soft-warning-border: #fff3cd;
  --soft-info-border: #cff4fc;
  --soft-light-border: #fefefe;
  --soft-dark-border: #d3d3d4;

  /* ==== Kanban ==== */
  --kanban-bg: #f8f9fa;
  --kanban-header-bg: #e9ecef;
  --kanban-header-border: #dee2e6;
  --kanban-border-left: #adb5bd;
  --kanban-drop-bg: #e0eafc;
  --kanban-card-bg: #fff;
  --kanban-card-text: #6c757d;
  --kanban-card-info: #999;
  --kanban-en_attente: #ffc107;
  --kanban-en_cours: #0d6efd;
  --kanban-terminee: #198754;
  --kanban-annulee: #dc3545;

  /* ==== Sidebar/Nav ==== */
  --sidebar-bg: #f0f4f8;
  --sidebar-border: #dde5ec;
  --sidebar-text: #3a3f44;
  --sidebar-icon: #6c757d;
  --sidebar-hover-bg: #e2ecf6;
  --sidebar-hover-color: #0d6efd;
  --sidebar-active-bg: #d0e7ff;
  --sidebar-active-color: #0b5ed7;
  --sidebar-active-bar: #0b5ed7;
  --sidebar-sub-link: #6c757d;
  --sidebar-scrollbar-thumb: #ccc;
  --navbar-bg: linear-gradient(90deg, #4f4f4f, #2f2f2f);
  --navbar-text: #fff;
  --navbar-hover: #ffd700;

  /* ==== Footer ==== */
  --footer-bg: #2c2c2c;
  --footer-text: #dee2e6;

  /* ==== Buttons ==== */
  --btn-primary-bg: #e0f0ff;
  --btn-primary-border: #b3d7ff;
  --btn-primary-text: #0b5ed7;
  --btn-primary-bg-hover: #b3d7ff;
  --btn-primary-border-hover: #6ea8fe;
  --btn-primary-text-hover: #073c9a;
  --btn-success-bg: #e3f7ef;
  --btn-success-border: #b2e2cc;
  --btn-success-text: #198754;
  --btn-success-bg-hover: #b2e2cc;
  --btn-success-border-hover: #75b798;
  --btn-success-text-hover: #145c42;
  --btn-warning-bg: #fff8e1;
  --btn-warning-border: #ffe8a1;
  --btn-warning-text: #b8860b;
  --btn-warning-bg-hover: #ffe8a1;
  --btn-warning-border-hover: #ffdb4d;
  --btn-warning-text-hover: #946100;
  --btn-danger-bg: #ffe2e6;
  --btn-danger-border: #ffc2cc;
  --btn-danger-text: #dc3545;
  --btn-danger-bg-hover: #ffc2cc;
  --btn-danger-border-hover: #f1aeb5;
  --btn-danger-text-hover: #b02a37;
  --btn-secondary-bg: #eae2ff;
  --btn-secondary-border: #d2c2ff;
  --btn-secondary-text: #6f42c1;
  --btn-secondary-bg-hover: #d2c2ff;
  --btn-secondary-border-hover: #bda6ff;
  --btn-secondary-text-hover: #5a32a3;
  --btn-outline-success-border: #b2e2cc;
  --btn-outline-success-color: #198754;
  --btn-outline-success-bg-hover: #e3f7ef;
  --btn-outline-success-color-hover: #145c42;

  /* ==== Badges ==== */
  --badge-light-bg: #ffe8f0;
  --badge-light-color: #d63384;
  --badge-primary-bg: #cfe2ff;
  --badge-primary-color: #084298;
  --badge-success-bg: #d1e7dd;
  --badge-success-color: #0f5132;
  --badge-warning-bg: #fff3cd;
  --badge-warning-color: #664d03;
  --badge-danger-bg: #f8d7da;
  --badge-danger-color: #842029;
  --badge-secondary-bg: #e2e3e5;
  --badge-secondary-color: #41464b;

  /* ==== Tables & Cards ==== */
  --table-bg: #fff;
  --table-text: #212529;
  --table-border: #dee2e6;
  --table-header-bg: #f1f3f5;
  --table-header-text: #343a40;
  --table-striped-bg: #f6f8fa;
  --table-hover-bg: #f1f3f8;

  --card-bg: #fff;
  --card-text: #212529;
  --card-border: #dee2e6;
  --card-header-bg: #f7f7f7;
  --card-header-text: #343a40;
  --card-text-muted: #6c757d;

  /* ==== Inputs ==== */
  --input-bg: #fff;
  --input-text: #212529;
  --input-border: #ced4da;
  --input-focus-bg: #e9ecef;
  --input-focus-text: #212529;
  --input-focus-border: #93c7fd;
  --input-focus-shadow: rgba(13,110,253,.15);
  --input-placeholder: #6c757d;

  /* ==== Pagination ==== */
  --pagination-bg: #f9fafb;
  --pagination-text: #333;
  --pagination-border: #dee2e6;
  --pagination-hover-bg: #eef1f4;
  --pagination-hover-text: #0d6efd;
  --pagination-active-bg: #d8e1ec;
  --pagination-active-text: #0d6efd;
  --pagination-active-border: #b3d7ff;
  --pagination-disabled-bg: #ececec;
  --pagination-disabled-text: #bcbcbc;

  /* ==== Planning/Calendrier pastel ==== */
  --planning-bg: #fff;
  --planning-text: #333;
  --planning-header-bg: #f8f9fa;
  --planning-header-text: #212529;
  --planning-border: #dee2e6;

  --planning-ferie-bg: #f8d7da;
  --planning-ferie-text: #000;
  --planning-weekend-bg: #dbeafe;
  --planning-weekend-text: #1c2d47;
  --planning-vacances-bg: #fff3cd;
  --planning-vacances-text: #755f00;
  --planning-today-bg: #d1e7dd;
  --planning-today-text: #145c42;
  --planning-badge-bg: #e9ecef;
  --planning-badge-text: #222;
  --select-arrow-color: #333; /* Ou une couleur sombre pour le mode clair */
  --form-select-arrow-color-light: #333; /* Couleur de la flèche en mode clair */
}


/* ====================== */
/*        DARK MODE       */
/* ====================== */
html.dark-mode, body.dark-mode {
  --color-bg: #21242a;
  --color-text: #e8e8e8;
  --color-primary: #93c7fd;

  --color-header-bg: #171a1f;
  --color-header-text: #c0c6ce;
  --color-header-link-hover: #93c7fd;

  --color-sidebar-bg: #23272f;
  --color-sidebar-text: #bfc8da;

  --color-footer-bg: #171a1f;
  --color-footer-text: #c0c6ce;

  --color-box-shadow: 0 2px 4px rgba(10, 10, 20, 0.8);
  --color-box-shadow-footer: 0 -1px 4px rgba(10, 10, 20, 0.7);

  /* FullCalendar / Events */
  --fc-button-bg: #29435c;
  --fc-button-text: #dbeafe;
  --fc-button-hover-bg: #3a5571;
  --fc-card-bg: #222b36;
  --fc-grid-border: #3a4653;
  --fc-col-header-bg: #253043;
  --fc-col-header-text: #dbeafe;
  --fc-slot-label: #b0bbcc;
  --fc-slot-even-bg: #232c38;
  --fc-slot-odd-bg: #1a222d;
  --fc-event-bg: #254a67;
  --fc-event-text: #e6eef7;
  --fc-tooltip-bg: #293447;
  --fc-tooltip-text: #e6eef7;
  --fc-modal-bg: #242834;
  --fc-modal-header-bg: #293447;
  --fc-modal-header-border: #2d3848;
  --fc-modal-title: #dbeafe;
  /* Catégories pastel foncé */
  --fc-cat-support-bg: #314e6e;
  --fc-cat-support-text: #8dc5fa;
  --fc-cat-appel-bg: #34544c;
  --fc-cat-appel-text: #97ebbb;
  --fc-cat-reunion-bg: #653e40;
  --fc-cat-reunion-text: #ffc6c6;
  --fc-cat-maintenance-bg: #4b4026;
  --fc-cat-maintenance-text: #ffe09d;
  --fc-cat-note-bg: #4d3f58;
  --fc-cat-note-text: #e0d1f3;

  /* Soft button dark variants */
  --soft-primary-bg: #344560;
  --soft-primary-color: #aecbfa;
  --soft-primary-hover: #203047;
  --soft-secondary-bg: #22262d;
  --soft-secondary-color: #d4d8e0;
  --soft-secondary-hover: #363b43;
  --soft-success-bg: #294741;
  --soft-success-color: #97ebbb;
  --soft-success-hover: #356d5f;
  --soft-danger-bg: #653e40;
  --soft-danger-color: #ffb0ba;
  --soft-danger-hover: #492527;
  --soft-warning-bg: #4b4026;
  --soft-warning-color: #ffe09d;
  --soft-warning-hover: #7a6528;
  --soft-info-bg: #274e5a;
  --soft-info-color: #a5e4fc;
  --soft-info-hover: #176079;
  --soft-light-bg: #23272f;
  --soft-light-color: #bfc8da;
  --soft-light-hover: #181b20;
  --soft-dark-bg: #181b20;
  --soft-dark-color: #f2f2f2;
  --soft-dark-hover: #363940;
  --soft-primary-border: #233e5b;
  --soft-secondary-border: #363b43;
  --soft-success-border: #3a574d;
  --soft-danger-border: #653e40;
  --soft-warning-border: #4b4026;
  --soft-info-border: #274e5a;
  --soft-light-border: #23272f;
  --soft-dark-border: #181b20;

  /* Kanban dark */
  --kanban-bg: #222b36;
  --kanban-header-bg: #293447;
  --kanban-header-border: #2d3848;
  --kanban-border-left: #44505c;
  --kanban-drop-bg: #22314a;
  --kanban-card-bg: #293447;
  --kanban-card-text: #b0bbcc;
  --kanban-card-info: #7a8496;
  --kanban-en_attente: #d6ba63;
  --kanban-en_cours: #4b8af5;
  --kanban-terminee: #57c997;
  --kanban-annulee: #e97474;

  /* Sidebar/Nav */
  --sidebar-bg: #23272f;
  --sidebar-border: #252a33;
  --sidebar-text: #bfc8da;
  --sidebar-icon: #b0bbcc;
  --sidebar-hover-bg: #29303b;
  --sidebar-hover-color: #93c7fd;
  --sidebar-active-bg: #31405e;
  --sidebar-active-color: #93c7fd;
  --sidebar-active-bar: #3797ff;
  --sidebar-sub-link: #909db3;
  --sidebar-scrollbar-thumb: #39414b;
  --navbar-bg: linear-gradient(90deg, #23242c, #17181c);
  --navbar-text: #e0e8f0;
  --navbar-hover: #ffe066;

  /* Footer */
  --footer-bg: #171a1f;
  --footer-text: #bfc8da;

  /* Buttons */
  --btn-primary-bg: #304151;
  --btn-primary-border: #415c77;
  --btn-primary-text: #9fd3fb;
  --btn-primary-bg-hover: #284264;
  --btn-primary-border-hover: #2466aa;
  --btn-primary-text-hover: #fff;
  --btn-success-bg: #2e4d45;
  --btn-success-border: #36665a;
  --btn-success-text: #71ffba;
  --btn-success-bg-hover: #1a3028;
  --btn-success-border-hover: #35a47f;
  --btn-success-text-hover: #b8ffea;
  --btn-warning-bg: #4c3b15;
  --btn-warning-border: #ffe8a1;
  --btn-warning-text: #ffe066;
  --btn-warning-bg-hover: #b59a5a;
  --btn-warning-border-hover: #ffe066;
  --btn-warning-text-hover: #fff8e1;
  --btn-danger-bg: #3c2b2c;
  --btn-danger-border: #c96f86;
  --btn-danger-text: #ff6c7c;
  --btn-danger-bg-hover: #72263b;
  --btn-danger-border-hover: #ffafc9;
  --btn-danger-text-hover: #ffd9e5;
  --btn-secondary-bg: #453866;
  --btn-secondary-border: #7967b5;
  --btn-secondary-text: #cdc1fa;
  --btn-secondary-bg-hover: #564987;
  --btn-secondary-border-hover: #bda6ff;
  --btn-secondary-text-hover: #ede3ff;
  --btn-outline-success-border: #4be6a6;
  --btn-outline-success-color: #b8ffea;
  --btn-outline-success-bg-hover: #213931;
  --btn-outline-success-color-hover: #7fffcd;

  /* Badges */
  --badge-light-bg: #423042;
  --badge-light-color: #fc84c7;
  --badge-primary-bg: #283c54;
  --badge-primary-color: #9fd3fb;
  --badge-success-bg: #284b3d;
  --badge-success-color: #b8ffea;
  --badge-warning-bg: #564300;
  --badge-warning-color: #ffe066;
  --badge-danger-bg: #5c1c2a;
  --badge-danger-color: #ffb8c9;
  --badge-secondary-bg: #292c31;
  --badge-secondary-color: #bfc8da;

  /* Tables & Cards */
  --table-bg: #1a1c22;
  --table-text: #d4d8e0;
  --table-border: #32343a;
  --table-header-bg: #293447;
  --table-header-text: #b0bbcc;
  --table-striped-bg: #23262b;
  --table-hover-bg: #292c31;

  --card-bg: #23272f;
  --card-text: #e8e8e8;
  --card-border: #39414b;
  --card-header-bg: #293447;
  --card-header-text: #cfcfcf;
  --card-text-muted: #b0bbcc;

  /* Inputs */
  --input-bg: #242834;
  --input-text: #e8e8e8;
  --input-border: #39414b;
  --input-focus-bg: #1a1c22;
  --input-focus-text: #e0e8f0;
  --input-focus-border: #93c7fd;
  --input-focus-shadow: rgba(147, 199, 253, 0.2);
  --input-placeholder: #c0c6ce;

  /* Pagination */
  --pagination-bg: #23272f;
  --pagination-text: #bfc8da;
  --pagination-border: #39414b;
  --pagination-hover-bg: #31405e;
  --pagination-hover-text: #93c7fd;
  --pagination-active-bg: #293447;
  --pagination-active-text: #93c7fd;
  --pagination-active-border: #3797ff;
  --pagination-disabled-bg: #1c2024;
  --pagination-disabled-text: #666a70;

  /* Planning/Calendrier pastel */
  --planning-bg: #23272f;
  --planning-text: #bfc8da;
  --planning-header-bg: #293447;
  --planning-header-text: #e0e8f0;
  --planning-border: #39414b;

  --planning-ferie-bg: #692d39;
  --planning-ferie-text: #ffe8ef;
  --planning-weekend-bg: #23304a;
  --planning-weekend-text: #cfe2ff;
  --planning-vacances-bg: #3a3209;
  --planning-vacances-text: #fff3cd;
  --planning-today-bg: #2c4738;
  --planning-today-text: #d1ffea;
  --planning-badge-bg: #293447;
  --planning-badge-text: #93c7fd;
  --select-arrow-color: #e8e8e8; /* Blanc-gris clair pour le mode sombre */
  --form-select-arrow-color-dark: #e8e8e8; /* Couleur de la flèche en mode sombre */
}