body.dark-theme {
  --admin-container:var(--color-darker);
  --card-background-gradient: linear-gradient(135deg, rgba(75, 193, 233, 0.05), rgba(75, 193, 233, 0.02)); /* Ajusté pour thème sombre */
  --card-border: 1px solid rgba(75, 193, 233, 0.15); /* Ajusté pour thème sombre */
  --card-border-radius: 1.25rem;
  --card-backdrop-filter: blur(16px);
  --card-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4); /* Ajusté pour thème sombre */
  --card-padding: 2rem;
  --card-transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
 ---box-shadow:-5px 0 15px rgba(0, 0, 0, 0.2);
  --color-primary: #4bc1e9;
  --color-secondary: #846db9;
  --color-light: #f1f5f9;
  --color-muted: #94a3b8;
  --color-dark: #080524;
  --color-darker: #0a0a2d;
  --color-dark-1: #0f172a;
  --color-dark-2: #1e293b;
  --color-clair: #eee3e3;
  --color-1: #0c0d0e;
  --color-2: #e4e7f1;
  --color-3: #e0e5ee;
  --color-4: #fff; 
  --color-extra: #faf6f6;
  --brand-name: #ffffff;
  --color-submit: rgb(22, 9, 37);
  --copyright: rgba(255, 255, 255, 0.6);
  --link-email: rgba(75, 193, 233, 0.6);
  
 
  --text-primary: var(--color-light);
  --text-secondary: rgba(255, 255, 255, 0.9);
  --text-muted: var(--color-muted);
  --text-shadow: rgba(75, 193, 233, 0.3);

  /* Arrière-plans */
  --bg-primary: var(--color-dark);
  --bg-secondary: var(--color-darker);
  --background: rgba(75, 193, 233, 0.15);
  --background-home: rgba(8, 5, 36, 0.9); /* Corrigé */
  --color-background: rgba(30, 41, 59, 0.7);
  --footer-background: rgba(75, 193, 233, 0.03);
  --section-bg: rgba(75, 193, 233, 0.02);

  /* Cartes */
  --bg-card: rgba(75, 193, 233, 0.05);
  --bg-card-hover: rgba(75, 193, 233, 0.1);
  --card-bg: rgba(75, 193, 233, 0.05);
  --card-border: 1px solid rgba(75, 193, 233, 0.2);
  --card-shadow: 0 0 30px rgba(75, 193, 233, 0.15);
  --card-shadow-hover: 0 0 40px rgba(75, 193, 233, 0.3);

  /* Ombres */
  --box-shadow: rgba(0, 0, 0, 0.5); /* Corrigé */
  --box-shadow-1: rgba(75, 193, 233, 0.7);
  --box-shadow-2: rgba(75, 193, 233, 0.5);
  --box-shadow-3: rgba(75, 193, 233, 0);
  --box-shadow-4: rgba(8, 5, 36, 0.9);
  --box-shadow-5: rgba(125, 107, 132, 0.3);
  --box-shadow-image: rgba(6, 182, 212, 0.4);
  --contact-shadow: rgba(75, 193, 233, 0);
  --drop-shadow: rgba(75, 193, 233, 0.3);
  --border-home: rgba(22, 176, 237, 0.6);
  --border-header: rgba(75, 193, 233, 0.2);
  --section-border: rgba(75, 193, 233, 0.1);
  --gradient-primary: linear-gradient(120deg, var(--color-primary), var(--color-secondary));
  --gradient-bg: linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
  --gradient-border: linear-gradient(45deg, var(--color-primary), var(--color-secondary), var(--color-primary));
  --glow-effect: 0 0 15px rgba(75, 193, 233, 0.5), 0 0 30px rgba(139, 92, 246, 0.4);
  --overlay: rgba(0, 0, 0, 0.5);
  --modal: #375463;
  --color-contact-button: rgb(26, 25, 25);
  --footer-color: rgba(0, 0, 0, 0.4);
  --color: rgba(255, 255, 255, 0.981);
  --header-color: rgba(75, 193, 233, 0.1); 
  --jobs-background-color: var(--color-dark);
  --jobs-card-background: var(--color-darker); /* semi-transparent */
  --jobs-text-color: #f1f1f1;
  --background-color--: #e9ecef;

  --jobs-primary-color: #4fc3f7; /* bleu clair moderne */
  --jobs-secondary-color: #b0bec5;
  --jobs-border-color: #333;
  --jobs-card-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
  --jobs-error-color: #ef5350;
  --jobs-success-color: #66bb6a;
  --apply-button:white;

  ;
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;

  --font-size-base: 1rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.5rem;
  --font-size-2xl: 2rem;

  --font-primary: 'Segoe UI', sans-serif;
  --border-radius: 12px;
  --grid-gap: 1.5rem;
    
}