/* ============================================
   ESPRIT: SOMBRE
   ============================================ */
:root {
    /* Couleurs principales - Tons sombres */
    --primary-color: #2d3748;
    --primary-color-rgb: 45, 55, 72;
    --primary-dark: #1a202c;
    --primary-light: #4a5568;
    --primary-light-rgb: 74, 85, 104;
    --accent-color: #4299e1;
    --accent-dark: #2b6cb0;
    --accent-light: #63b3ed;

    /* Couleurs de statut */
    --success-color: #48bb78;
    --error-color: #f56565;
    --warning-color: #ed8936;
    --info-color: #4299e1;

    /* Texte */
    --text-primary: #e2e8f0;
    --text-secondary: #cbd5e0;
    --text-muted: #a0aec0;
    --text-light: #f7fafc;
    --text-on-light: #1a202c; /* Texte sombre pour fond clair */
    --text-on-dark: #f7fafc;   /* Texte clair pour fond sombre */

    /* Arrière-plans */
    --bg-primary: #2d3748;
    --bg-secondary: #1a202c;
    --bg-tertiary: #171923;
    --bg-dark: #1a202c;
    --bg-darker: #0d1117;

    /* Arrière-plans pour pages statiques */
    --bg-static-dark: #0d1117;
    --bg-static-header: rgba(26, 32, 44, 0.95);
    --bg-static-section-even: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);
    --bg-static-hero: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);
    --bg-static-footer: #0d1117;
    --bg-static-section-light: #2d3748; /* Fond pour sections avec texte clair */

    /* Bordures */
    --border-color: #4a5568;
    --border-dark: #2d3748;

    /* Ombres */
    --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 8px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 10px 20px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.35);
    --shadow-xl: 0 20px 30px -5px rgba(0, 0, 0, 0.6), 0 10px 10px -5px rgba(0, 0, 0, 0.4);

    /* Rayons */
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;

    /* Transition */
    --transition: all 0.2s ease-in-out;
}