:root {
    --screen-sm: 576px;
    --screen-md: 768px;
    --screen-lg: 992px;
    --screen-xl: 1200px;
    --screen-xxl: 1400px;

    /* ---- Couleurs principales ---- */
    --primary-color: #2c3e50;
    --secondary-color: #3498db;
    --color-white: #ffffff;
    --color-brand: #263575;
    --color-dark: #212122;

    /* ---- Texte ---- */
    --color-text-muted: #333;

    /* ---- Fonds ---- */
    --color-bg-page: #f9f8f3;
    --color-bg-admin: #f0f2f5;
    --color-bg-card: #f8fafb;
    --color-bg-input: #f8f8ff;
    --color-bg-table-alt: #f0f0ff;
    --color-bg-table-header: #f0f4f8;

    /* ---- Palette ---- */
    --color-teal: #73c5c2;
    --color-teal-focus: rgba(115, 197, 194, 0.15);
    --color-indigo: #302A80;
    --color-blue-medium: #006fb9;
    --color-navy: #34495e;
    --color-sidebar-hover: #3d5166;
    --color-red: #e74c3c;
    --color-green-check: #27ae60;

    /* ---- Bordures ---- */
    --color-border-faint: #eee;
    --color-border-gray: #ddd;
    --color-border-strong: #ccc;
    --color-border-light: #e8ecf0;
    --color-border: #d0d7de;
    --color-gray-400: #bdc3c7;
    --color-gray-500: #95a5a6;
    --color-gray-600: #7f8c8d;
    --color-gray-700: #555;
    --color-gray-800: #666;
    --color-gray-placeholder: #aaa;

    /* ---- Pastel ---- */
    --color-green-light: #a3f1a6;
    --color-green-pale: #B3FAB9;
    --color-yellow-light: #e4fab9;
    --color-yellow-pale: #E6F8B8;
    --color-blue-light: #ade8ed;

    /* ---- Alertes ---- */
    --color-success-bg: #d4edda;
    --color-success-text: #155724;
    --color-success-border: #c3e6cb;
    --color-danger-bg: #f8d7da;
    --color-danger-text: #721c24;
    --color-danger-border: #f5c6cb;
    --color-warning-bg: #fff3cd;
    --color-warning-text: #856404;
    --color-info-bg: #cce5ff;
    --color-info-text: #004085;

    /* ---- Badges QCM ---- */
    --color-badge-qrm-bg: #dce9ff;
    --color-badge-qrm-text: #1a56db;
    --color-badge-qru-bg: #fef3c7;
    --color-badge-qru-text: #92400e;

    /* ---- Overlays ---- */
    --color-overlay: rgba(0, 0, 0, 0.45);
    --color-overlay-white: rgba(255, 255, 255, 0.3);
    --color-brand-faint: rgba(38, 53, 117, 0.05);
    --color-secondary-focus: rgba(52, 152, 219, 0.1);

    /* ---- Typographie ---- */
    --font-main: 'Overpass', sans-serif;

    /* ---- Gradients ---- */
    --gradient-green: linear-gradient(81deg, rgb(182, 250, 184) 2%, rgb(231, 250, 185) 98%);
}