:root {
    --background: #fff;
    --text: rgb(85, 85, 85);
    --text-dark: #000;
    --background-light: rgb(250, 250, 250);
    --border: rgb(163, 163, 163);
    --section-bg: #fff;
    --card-shadow: rgba(0, 0, 0, 0.1);
    --cert-text: rgb(109, 109, 109);
    --cert-title: rgb(85, 85, 85);
    --cert-icon-bg: rgb(53, 53, 53);
   }
   
   [data-theme="dark"] {
    --background: #1a1a1a;
    --text: #a7a7a7;
    --text-dark: #fff;
    --background-light: #2d2d2d;
    --border: #4a4a4a;
    --section-bg: #242424;
    --card-shadow: rgba(0, 0, 0, 0.3);
    --cert-text: #888;
    --cert-title: #bbb;
    --cert-icon-bg: #444;
   }
   
   body {
    background-color: var(--background);
    color: var(--text);
   }
   
   a {
    color: var(--text-dark);
   }
   
   a:hover {
    color: var(--text);
    text-decoration-color: var(--text);
   }
   
   .logo, .title {
    color: var(--text-dark);
   }
   
   .section__text__p1, .section__text__p2 {
    color: var(--text);
   }
   
   .hamburger-icon span {
    background-color: var(--text-dark);
   }
   
   .menu-links {
    background-color: var(--background);
   }
   
   .menu-links a {
    color: var(--text-dark);
   }
   
   .btn-color-1, .btn-color-2 {
    border-color: var(--text-dark);
    color: var(--text-dark);
   }
   
   .btn-color-2:hover {
    color: var(--background);
   }
   
   .details-container {
    background: var(--section-bg);
    border-color: var(--border);
   }
   
   .experience-sub-title, .project-title {
    color: var(--text);
   }
   
   .color-container {
    background: var(--background-light);
    border-color: var(--border);
   }
   
   .contact-info-upper-container {
    background: var(--background-light);
    border-color: var(--border);
   }
   
   .theme-switch {
    display: flex;
    align-items: center;
    gap: 8px;
   }
   
   #darkmode-toggle {
    display: none;
   }
   
   .theme-switch label {
    width: 50px;
    height: 25px;
    position: relative;
    display: block;
    background: #ebebeb;
    border-radius: 20px;
    cursor: pointer;
    transition: 0.3s;
   }
   
   .theme-switch label::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 3px;
    left: 3px;
    background: #fff;
    border-radius: 50%;
    transition: 0.3s;
   }
   
   #darkmode-toggle:checked + label {
    background: #666;
   }
   
   #darkmode-toggle:checked + label:after {
    left: calc(100% - 5px);
    transform: translateX(-100%);
    background: #333;
   }
   
   * {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
   }

   /* Ajout des styles pour les certifications */
.certifications-container {
    background-color: var(--background);
    color: var(--text);
   }
   
   .certification-card {
    background: var(--section-bg);
    border-color: var(--border);
    box-shadow: 0 0 10px var(--card-shadow);
   }
   
   .certification-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px var(--card-shadow);
   }
   
   .certification-icon {
    background: var(--cert-icon-bg);
   }
   
   .certification-icon i {
    color: var(--background);
   }
   
   .certification-card h3 {
    color: var(--cert-title);
   }
   
   .certification-card p {
    color: var(--cert-text);
   }
   
   /* Boutons des certifications */
   .btn-container-cert .btn {
    background-color: var(--section-bg);
    color: var(--text-dark);
    border-color: var(--border);
   }
   
   .btn-container-cert .btn:hover {
    background-color: var(--text-dark);
    color: var(--background);
   }
   
   #certifications {
    background-color: var(--background);
   }