/* Thème clair du site (par défaut) et bouton de bascule.
 * Les pages gardent leurs styles sombres d'origine ; ce fichier les remplace quand
 * <html data-theme="light">. Le choix est mémorisé (localStorage « campus-theme »). */

.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  transition: color 0.15s, background 0.15s;
}
.theme-toggle:hover { color: #fff; background: rgba(255, 255, 255, 0.06); }
.theme-toggle svg { width: 18px; height: 18px; }
/* Soleil en sombre (pour passer en clair), lune en clair. */
.theme-toggle .icone-lune { display: none; }
html[data-theme="light"] .theme-toggle .icone-lune { display: block; }
html[data-theme="light"] .theme-toggle .icone-soleil { display: none; }

html[data-theme="light"] { color-scheme: light; }
html[data-theme="light"] body { background: #f7f7fb; color: #111827; }

/* En-tête, navigation, pied de page (toutes les pages) */
html[data-theme="light"] header {
  background: rgba(247, 247, 251, 0.85);
  border-bottom-color: rgba(17, 24, 39, 0.07);
}
html[data-theme="light"] .logo { color: #111827; }
html[data-theme="light"] nav a { color: #4b5563; }
html[data-theme="light"] nav a:hover { color: #111827; background: rgba(17, 24, 39, 0.05); }
html[data-theme="light"] .theme-toggle { border-color: rgba(17, 24, 39, 0.1); color: #4b5563; }
html[data-theme="light"] .theme-toggle:hover { color: #111827; background: rgba(17, 24, 39, 0.05); }
html[data-theme="light"] footer { border-top-color: rgba(17, 24, 39, 0.07); }
html[data-theme="light"] .footer-copy { color: #6b7280; }
html[data-theme="light"] .footer-links a { color: #4b5563; }
html[data-theme="light"] .footer-links a:hover { color: #111827; }

/* Accueil */
html[data-theme="light"] .hero::before {
  background: radial-gradient(ellipse at center, rgba(99, 102, 241, 0.14) 0%, transparent 65%);
}
html[data-theme="light"] .hero-badge { background: rgba(99, 102, 241, 0.08); color: #4f46e5; }
html[data-theme="light"] .hero h1 {
  background: linear-gradient(140deg, #111827 0%, #3730a3 55%, #6366f1 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
html[data-theme="light"] .hero-subtitle,
html[data-theme="light"] .section-subtitle,
html[data-theme="light"] .feature-card p { color: #4b5563; }
html[data-theme="light"] .hero-note { color: #6b7280; }
html[data-theme="light"] .btn-appstore {
  background: #111827;
  color: #fff;
  box-shadow: 0 6px 20px rgba(17, 24, 39, 0.18);
}
html[data-theme="light"] .btn-appstore:hover { background: #000; box-shadow: 0 10px 28px rgba(17, 24, 39, 0.24); }
html[data-theme="light"] .iphone-frame {
  box-shadow: 0 0 0 1px rgba(17, 24, 39, 0.06), 0 40px 80px rgba(17, 24, 39, 0.22), 0 0 80px rgba(99, 102, 241, 0.14);
}
html[data-theme="light"] .iphone-frame-sm { box-shadow: 0 20px 50px rgba(17, 24, 39, 0.18); }
html[data-theme="light"] .feature-card {
  background: #fff;
  border-color: rgba(17, 24, 39, 0.07);
  box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
}
html[data-theme="light"] .feature-card:hover { border-color: rgba(99, 102, 241, 0.35); }
html[data-theme="light"] .screenshots-section { background: linear-gradient(180deg, #f7f7fb 0%, #eef0fb 40%, #f7f7fb 100%); }
html[data-theme="light"] .screenshot-label { color: #4b5563; }
html[data-theme="light"] .demo-section { background: linear-gradient(180deg, #f7f7fb 0%, #eef0fb 50%, #f7f7fb 100%); }
html[data-theme="light"] .demo-frame { box-shadow: 0 40px 80px rgba(17, 24, 39, 0.2), 0 0 0 1px rgba(17, 24, 39, 0.06); }
html[data-theme="light"] .demo-caption,
html[data-theme="light"] .btn-demo { color: #4b5563; }
html[data-theme="light"] .btn-demo:hover { color: #111827; }

/* Pages de texte : confidentialité, support, guide */
html[data-theme="light"] .doc-header .meta,
html[data-theme="light"] .video-caption,
html[data-theme="light"] .steps-written h3,
html[data-theme="light"] .faq-chevron { color: #6b7280; }
html[data-theme="light"] .doc-content p,
html[data-theme="light"] .doc-content li,
html[data-theme="light"] .support-header p,
html[data-theme="light"] .contact-card-text p,
html[data-theme="light"] .faq-answer p,
html[data-theme="light"] .faq-answer li,
html[data-theme="light"] .guide-header p,
html[data-theme="light"] .step > p,
html[data-theme="light"] .steps-written li,
html[data-theme="light"] .help-card-text p { color: #4b5563; }
html[data-theme="light"] .doc-content h2 { color: #111827; border-bottom-color: rgba(17, 24, 39, 0.07); }
html[data-theme="light"] .doc-content strong,
html[data-theme="light"] .steps-written strong,
html[data-theme="light"] .faq-question-text { color: #1f2937; }
html[data-theme="light"] .highlight-box p,
html[data-theme="light"] .note p { color: #4338ca; }
html[data-theme="light"] .note strong { color: #3730a3; }
html[data-theme="light"] .faq-item,
html[data-theme="light"] .toc a,
html[data-theme="light"] .video-frame,
html[data-theme="light"] .steps-written {
  background: #fff;
  border-color: rgba(17, 24, 39, 0.08);
}
html[data-theme="light"] .toc a { color: #1f2937; }
html[data-theme="light"] .toc a:hover { background: rgba(99, 102, 241, 0.06); border-color: rgba(99, 102, 241, 0.4); }
html[data-theme="light"] .faq-question:hover { background: rgba(17, 24, 39, 0.03); }
html[data-theme="light"] .faq-answer { border-top-color: rgba(17, 24, 39, 0.06); }