/* ==========================================================
   DECSI – Mode clair
   Palette tirée du logo :
   magenta  #C010C8  (contour du D)
   cyan     #22F5E8  (intérieur du D) – version texte #0A9F96
   violet   #7A08A6  (texte DECSI)
   ========================================================== */

/* Logo hero : une seule version visible selon le thème */
.logo-light { display: none; }
html[data-theme="light"] .logo-dark  { display: none; }
html[data-theme="light"] .logo-light { display: block; }

html[data-theme="light"] {
  --l-bg: #ffffff;
  --l-bg-alt: #f7f2fc;
  --l-surface: #ffffff;
  --l-text: #1c1130;
  --l-muted: #5f5478;
  --l-purple: #7a08a6;
  --l-magenta: #c010c8;
  --l-cyan: #22f5e8;
  --l-cyan-text: #0a9f96;
  --l-border: rgba(122, 8, 166, .14);
  --l-shadow: 0 10px 30px rgba(122, 8, 166, .08);
  --l-grad: linear-gradient(90deg, #c010c8 0%, #7a08a6 100%);
  color-scheme: light;
}

html[data-theme="light"] body {
  background: var(--l-bg);
  color: var(--l-text);
}

/* NAV */
html[data-theme="light"] nav {
  background: rgba(255, 255, 255, .88);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--l-border);
}
html[data-theme="light"] .nav-links a { color: var(--l-muted); }
html[data-theme="light"] .nav-links a:hover { color: var(--l-purple); }
html[data-theme="light"] .nav-cta {
  background: var(--l-grad);
  color: #fff;
  border: none;
}
html[data-theme="light"] .hamburger span { background: var(--l-purple); }
html[data-theme="light"] .theme-toggle { color: var(--l-purple); }
html[data-theme="light"] .theme-toggle svg{width:14px;height:14px;stroke:var(--l-muted);flex-shrink:0;}
html[data-theme="light"] .slider { background: rgba(122, 8, 166, .18); }
html[data-theme="light"] .slider::before,
html[data-theme="light"] .slider:before { background: var(--l-purple); }

html[data-theme="light"] .switch input:checked + .slider { background: var(--l-magenta); }
html[data-theme="light"] .switch input:checked + .slider::before,
html[data-theme="light"] .switch input:checked + .slider:before { background: #fff; }

@media (max-width: 900px) {
  html[data-theme="light"] .nav-links {
    background: #fff;
    border-bottom: 1px solid var(--l-border);
  }
}

/* HERO */
html[data-theme="light"] #hero { background: var(--l-bg); }
html[data-theme="light"] .hero-bg {
  background:
    radial-gradient(60% 60% at 82% 30%, rgba(192, 16, 200, .14), transparent 70%),
    radial-gradient(50% 50% at 65% 65%, rgba(34, 245, 232, .22), transparent 70%),
    var(--l-bg);
}
html[data-theme="light"] .hero-grid {
  background-image:
    linear-gradient(rgba(122, 8, 166, .06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(122, 8, 166, .06) 1px, transparent 1px);
}
html[data-theme="light"] .hero-logo-wrap img { opacity: 1; filter: none; }
html[data-theme="light"] .hero-badge {
  background: rgba(192, 16, 200, .08);
  border: 1px solid rgba(192, 16, 200, .28);
  color: var(--l-purple);
}
html[data-theme="light"] .hero-title { color: var(--l-text); }
html[data-theme="light"] .grad {
  background: linear-gradient(90deg, #c010c8 0%, #7a08a6 45%, #0a9f96 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
html[data-theme="light"] .hero-sub { color: var(--l-muted); }
html[data-theme="light"] .scroll-hint { color: var(--l-muted); }

/* BOUTONS */
html[data-theme="light"] .btn-primary {
  background: var(--l-grad);
  color: #fff;
  box-shadow: 0 8px 22px rgba(192, 16, 200, .28);
}
html[data-theme="light"] .btn-outline {
  background: transparent;
  color: var(--l-purple);
  border: 1.5px solid var(--l-purple);
}
html[data-theme="light"] .btn-outline:hover {
  background: rgba(122, 8, 166, .07);
}

/* STATS */
html[data-theme="light"] #stats {
  background: var(--l-bg-alt);
  border-top: 1px solid var(--l-border);
  border-bottom: 1px solid var(--l-border);
}
html[data-theme="light"] .stat-num {
  background: linear-gradient(90deg, #c010c8, #7a08a6);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
html[data-theme="light"] .stat-label { color: var(--l-muted); }

/* TITRES DE SECTION */
html[data-theme="light"] .section-tag { color: var(--l-cyan-text); }
html[data-theme="light"] .section-title { color: var(--l-text); }
html[data-theme="light"] .section-sub { color: var(--l-muted); }

/* SERVICES */
html[data-theme="light"] #services { background: var(--l-bg); }
html[data-theme="light"] .card {
  background: var(--l-surface);
  border: 1px solid var(--l-border);
  box-shadow: var(--l-shadow);
}
html[data-theme="light"] .card:hover {
  border-color: rgba(192, 16, 200, .45);
  box-shadow: 0 14px 34px rgba(192, 16, 200, .14);
}
html[data-theme="light"] .card-icon { background: rgba(192, 16, 200, .08); }
html[data-theme="light"] .card h3 { color: var(--l-text); }
html[data-theme="light"] .card p { color: var(--l-muted); }

/* EXPERTISE */
html[data-theme="light"] #expertise { background: var(--l-bg-alt); }
html[data-theme="light"] .exp-card {
  background: var(--l-surface);
  border: 1px solid var(--l-border);
  box-shadow: var(--l-shadow);
}
html[data-theme="light"] .exp-card h3 { color: var(--l-purple); }
html[data-theme="light"] .exp-label { color: var(--l-text); }
html[data-theme="light"] .exp-bar { background: rgba(122, 8, 166, .10); }
html[data-theme="light"] .exp-fill {
  background: linear-gradient(90deg, #c010c8 0%, #22f5e8 100%);
}

/* PROCESS */
html[data-theme="light"] #process { background: var(--l-bg); }
html[data-theme="light"] .process-step {
  background: var(--l-surface);
  border: 1px solid var(--l-border);
}
html[data-theme="light"] .step-num {
  background: linear-gradient(135deg, #c010c8, #22f5e8);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
html[data-theme="light"] .step-title { color: var(--l-text); }
html[data-theme="light"] .step-desc { color: var(--l-muted); }

/* CONTACT */
html[data-theme="light"] #contact { background: var(--l-bg-alt); }
html[data-theme="light"] .contact-form {
  background: var(--l-surface);
  border: 1px solid var(--l-border);
  box-shadow: var(--l-shadow);
}
html[data-theme="light"] .form-field label { color: var(--l-text); }
html[data-theme="light"] .form-field input,
html[data-theme="light"] .form-field select,
html[data-theme="light"] .form-field select option,
html[data-theme="light"] .form-field textarea {
  background: #fff;
  color: var(--l-text);
  border: 1px solid rgba(122, 8, 166, .25);
}
html[data-theme="light"] .form-field input::placeholder,
html[data-theme="light"] .form-field textarea::placeholder { color: #9b90b1; }
html[data-theme="light"] .form-field input:focus,
html[data-theme="light"] .form-field select:focus,
html[data-theme="light"] .form-field textarea:focus {
  outline: none;
  border-color: var(--l-magenta);
  box-shadow: 0 0 0 3px rgba(192, 16, 200, .16);
}

/* FOOTER */
html[data-theme="light"] footer {
  background: #fff;
  border-top: 1px solid var(--l-border);
}
html[data-theme="light"] .footer-brand { color: var(--l-purple); }
html[data-theme="light"] .footer-copy { color: var(--l-muted); }
html[data-theme="light"] .footer-links a { color: var(--l-muted); }
html[data-theme="light"] .footer-links a:hover { color: var(--l-magenta); }

/* Focus clavier */
html[data-theme="light"] a:focus-visible,
html[data-theme="light"] button:focus-visible {
  outline: 2px solid var(--l-magenta);
  outline-offset: 3px;
}