/**
 * Paloremthi — Mode clair
 * On redéfinit uniquement les variables de couleur.
 * Tous les composants suivent automatiquement.
 */

/* ── VARIABLES MODE CLAIR ── */
[data-theme="light"] {

  /* Fonds */
  --ink:   #FFFFFF;
  --ink-2: #F7F7F8;
  --ink-3: #EDEDF0;

  /* Cream devient blanc */
  --cream:   #FFFFFF;
  --cream-2: #F7F7F8;

  /* Textes */
  --text-d:   #0F0F11;   /* était texte clair sur dark, devient foncé sur clair */
  --muted-d:  #5A5A6A;   /* texte secondaire */
  --text-l:   #0F0F11;   /* idem, harmonisé */
  --muted-l:  #5A5A6A;

  /* Bordures */
  --bd: rgba(0,0,0,.09);
  --bl: rgba(0,0,0,.09);

  /* Accents — légèrement assombris pour le contraste sur fond clair */
  --electric: #00B8D9;   /* cyan légèrement plus foncé */
  --violet:   #7C3AED;
  --acid:     #65A800;   /* vert plus foncé pour lisibilité */
  --coral:    #E5003A;
}

/* ── CORRECTIONS SPÉCIFIQUES MODE CLAIR ── */

/* Nav */
[data-theme="light"] nav#site-nav {
  background: rgba(255,255,255,.92);
  border-bottom-color: rgba(0,0,0,.08);
}
[data-theme="light"] nav#site-nav.scrolled {
  background: rgba(255,255,255,.98);
}
[data-theme="light"] .nav-cta {
  background: var(--electric);
  color: #fff;
}

/* Hero — canvas + overlay adaptés */
[data-theme="light"] .hero {
  background: #F0F2F8;
}
[data-theme="light"] .hero-overlay {
  background: linear-gradient(to top, rgba(240,242,248,.95) 0%, rgba(240,242,248,.3) 55%, rgba(240,242,248,.1) 100%);
}
[data-theme="light"] .hero h1 {
  color: #0F0F11;
}
[data-theme="light"] .hero h1 .line-v {
  -webkit-text-stroke: 1px rgba(0,0,0,.25);
}
[data-theme="light"] #hero-canvas {
  opacity: .25;
}
[data-theme="light"] .hero-mesh {
  opacity: .35;
}
[data-theme="light"] .scroll-line {
  background: linear-gradient(to bottom, rgba(0,0,0,.3), transparent);
}
[data-theme="light"] .scroll-label {
  color: #5A5A6A;
}

/* Cursor */
[data-theme="light"] .cur {
  mix-blend-mode: normal;
  background: var(--electric);
}

/* Ticker */
[data-theme="light"] .ticker {
  background: #0F0F11;
  color: #F0F2F8;
}

/* Btn outline */
[data-theme="light"] .btn-outline {
  border-color: rgba(0,0,0,.15);
  color: #0F0F11;
}
[data-theme="light"] .btn-outline:hover {
  border-color: rgba(0,0,0,.35);
}

/* Sections dark → gris très clair */
[data-theme="light"] .exp-dark,
[data-theme="light"] .why,
[data-theme="light"] .cta-block,
[data-theme="light"] footer#site-footer {
  background: #F0F2F8;
}
[data-theme="light"] .exp-dark .exp-title,
[data-theme="light"] .why-head h2,
[data-theme="light"] .cta-block h2 {
  color: #0F0F11;
}
[data-theme="light"] .exp-dark .exp-body,
[data-theme="light"] .exp-dark .exp-item {
  color: #5A5A6A;
}
[data-theme="light"] .exp-dark .exp-item {
  border-color: rgba(0,0,0,.08);
  background: rgba(0,0,0,.025);
}
[data-theme="light"] .exp-dark-glow {
  opacity: .12;
}

/* Vblocks sombres → version claire */
[data-theme="light"] .vblock {
  background: #E8EAF0;
  border-color: rgba(0,0,0,.08);
}
[data-theme="light"] .vblock-header {
  background: #DDDFE8;
  border-bottom-color: rgba(0,0,0,.08);
}
[data-theme="light"] .vblock-title {
  color: #5A5A6A;
}
[data-theme="light"] .code-line { color: #3A3A4A; }
[data-theme="light"] .code-kw   { color: #7C3AED; }
[data-theme="light"] .code-fn   { color: #00B8D9; }
[data-theme="light"] .code-str  { color: #65A800; }
[data-theme="light"] .sync-node { background: #E8EAF0; border-color: rgba(0,0,0,.1); }
[data-theme="light"] .sn-label  { color: #0F0F11; }
[data-theme="light"] .sn-sub    { color: #5A5A6A; }
[data-theme="light"] .sync-divider { background: rgba(0,0,0,.1); }

/* Sections cream → blanc pur */
[data-theme="light"] .intro,
[data-theme="light"] .exp-cream,
[data-theme="light"] .works {
  background: #FFFFFF;
}
[data-theme="light"] .intro-right {
  background: rgba(0,0,0,.04);
}
[data-theme="light"] .intro-card {
  background: #FFFFFF;
}
[data-theme="light"] .intro-card:hover {
  background: #F7F7F8;
}
[data-theme="light"] .why-card {
  background: #FFFFFF;
  border-color: rgba(0,0,0,.07);
}
[data-theme="light"] .why-card:hover {
  border-color: rgba(0,0,0,.15);
}
[data-theme="light"] .why-card h3 { color: #0F0F11; }
[data-theme="light"] .why-card p  { color: #5A5A6A; }
[data-theme="light"] .why-n       { color: rgba(0,0,0,.06); }

/* Works / Portfolio cards */
[data-theme="light"] .works-grid,
[data-theme="light"] .works { background: #F7F7F8; }
[data-theme="light"] .work-card { background: #FFFFFF; }
[data-theme="light"] .work-card:hover { background: #F7F7F8; }
[data-theme="light"] .work-card h3 { color: #0F0F11; }
[data-theme="light"] .work-card p  { color: #5A5A6A; }
[data-theme="light"] .wtag {
  background: rgba(0,0,0,.05);
  border-color: rgba(0,0,0,.1);
  color: #5A5A6A;
}
[data-theme="light"] .wtag:hover {
  background: rgba(0,184,217,.08);
  border-color: rgba(0,184,217,.25);
  color: var(--electric);
}

/* Archive portfolio */
[data-theme="light"] .archive-portfolio,
[data-theme="light"] #portfolio { background: #F7F7F8; }
[data-theme="light"] .archive-hero { background: #ECEEF5; }
[data-theme="light"] .archive-filters { background: #F0F2F8; border-bottom-color: rgba(0,0,0,.08); }
[data-theme="light"] .filter-btn { color: #5A5A6A; border-color: rgba(0,0,0,.12); }
[data-theme="light"] .filter-btn.active { background: var(--electric); color: #fff; border-color: var(--electric); }
[data-theme="light"] .archive-grid { background: rgba(0,0,0,.06); }
[data-theme="light"] .archive-card { background: #FFFFFF; }
[data-theme="light"] .archive-card:hover { background: #F7F7F8; }
[data-theme="light"] .ac-title { color: #0F0F11; }
[data-theme="light"] .ac-desc  { color: #5A5A6A; }

/* Single projet */
[data-theme="light"] #single-projet { background: #F7F7F8; }
[data-theme="light"] .sp-hero-nobg  { background: #ECEEF5; }
[data-theme="light"] .sp-results-bar { background: #F0F2F8; border-color: rgba(0,0,0,.08); }
[data-theme="light"] .sp-body       { background: #F7F7F8; }
[data-theme="light"] .sp-card       { background: #FFFFFF; border-color: rgba(0,0,0,.08); }
[data-theme="light"] .sp-card-header{ border-color: rgba(0,0,0,.08); }
[data-theme="light"] .sp-field      { border-color: rgba(0,0,0,.07); }
[data-theme="light"] .sp-field-val  { color: #0F0F11; }
[data-theme="light"] .sp-cta-card   { background: #F0F2F8; border-color: rgba(0,0,0,.08); }
[data-theme="light"] .sp-nav-item   { background: #FFFFFF; }
[data-theme="light"] .sp-nav-item:hover { background: #F7F7F8; }
[data-theme="light"] .sp-nav-title  { color: #0F0F11; }
[data-theme="light"] .sp-text,
[data-theme="light"] .sp-prose      { color: #5A5A6A; }
[data-theme="light"] .sp-prose strong { color: #0F0F11; }

/* Pages expertise */
[data-theme="light"] .page-expertise,
[data-theme="light"] .page-maintenance { background: #F7F7F8; }
[data-theme="light"] .exp-page-hero  { background: #ECEEF5; }
[data-theme="light"] .exp-page-items { background: #F0F2F8; border-color: rgba(0,0,0,.08); }
[data-theme="light"] .exp-page-item  { background: #FFFFFF; border-color: rgba(0,0,0,.07); color: #5A5A6A; }
[data-theme="light"] .exp-page-related { background: #F7F7F8; }
[data-theme="light"] .exp-page-cta   { background: #ECEEF5; border-color: rgba(0,0,0,.08); }
[data-theme="light"] .exp-page-section-head h2 { color: #0F0F11; }

/* Maintenance */
[data-theme="light"] .maint-section { background: #F7F7F8; }
[data-theme="light"] .maint-section-urgence { background: #F0F2F8; }
[data-theme="light"] .maint-item    { background: #FFFFFF; border-color: rgba(0,0,0,.07); color: #5A5A6A; }
[data-theme="light"] .maint-section-urgence .maint-item { background: #F7F7F8; }
[data-theme="light"] .maint-metric  { background: #FFFFFF; }
[data-theme="light"] .maint-section-urgence .maint-metric { background: #F7F7F8; }
[data-theme="light"] .maint-offer-head h2  { color: #0F0F11; }

/* Contact */
[data-theme="light"] #page-contact { background: #F7F7F8; }
[data-theme="light"] .contact-hero  { background: #ECEEF5; border-color: rgba(0,0,0,.08); }
[data-theme="light"] .contact-body  { background: #F7F7F8; }
[data-theme="light"] .form-group input,
[data-theme="light"] .form-group textarea,
[data-theme="light"] .form-group select {
  background: #FFFFFF;
  border-color: rgba(0,0,0,.15);
  color: #0F0F11;
}
[data-theme="light"] .form-group input:focus,
[data-theme="light"] .form-group textarea:focus,
[data-theme="light"] .form-group select:focus {
  border-color: var(--electric);
  box-shadow: 0 0 0 3px rgba(0,184,217,.12);
}
[data-theme="light"] .form-group label { color: #5A5A6A; }
[data-theme="light"] .ci-block { background: #FFFFFF; border-color: rgba(0,0,0,.08); }
[data-theme="light"] .ci-icon  { background: rgba(0,184,217,.08); border-color: rgba(0,184,217,.15); }
[data-theme="light"] .ci-val   { color: #0F0F11; }

/* Footer */
[data-theme="light"] footer#site-footer { border-color: rgba(0,0,0,.08); }
[data-theme="light"] .footer-tag {
  background: rgba(0,0,0,.04);
  border-color: rgba(0,0,0,.1);
  color: #5A5A6A;
}
[data-theme="light"] .footer-tag:hover {
  background: rgba(0,184,217,.07);
  border-color: rgba(0,184,217,.2);
  color: var(--electric);
}
[data-theme="light"] .footer-social {
  border-color: rgba(0,0,0,.1);
  color: #5A5A6A;
}

/* Toggle tech/métier */
[data-theme="light"] .pf-toggle-track {
  background: rgba(0,0,0,.06);
  border-color: rgba(0,0,0,.15);
  box-shadow: 0 2px 8px rgba(0,0,0,.1);
}
[data-theme="light"] .pf-toggle-btn { color: rgba(0,0,0,.45); }
[data-theme="light"] .pf-toggle-btn.pf-toggle-active { color: var(--electric); }
[data-theme="light"] .pf-toggle-label,
[data-theme="light"] .pf-view-badge { text-shadow: none; }

/* CTA block */
[data-theme="light"] .cta-block { background: #ECEEF5; }
[data-theme="light"] .cta-block h2 em { color: var(--electric); }

/* Noise — désactivé en mode clair */
[data-theme="light"] body::before { display: none; }

/* Transitions globales */
body {
  transition: background-color .3s ease, color .3s ease;
}

/* Vblocks v2 — mode clair */
[data-theme="light"] .vb-metric { background: #F7F7F8; }
[data-theme="light"] .vb-flow-node { background: #F0F2F8; border-color: rgba(0,0,0,.07); }
[data-theme="light"] .vb-conn-line { background: rgba(0,0,0,.08); }
[data-theme="light"] .vb-pipe-step { background: #F0F2F8; border-color: rgba(0,0,0,.08); color: #5A5A6A; }
[data-theme="light"] .vb-pipe-step.vb-pipe-active { background: rgba(229,0,58,.06); border-color: rgba(229,0,58,.2); }
[data-theme="light"] .vb-ia-result { background: #F0F2F8; border-color: rgba(0,0,0,.08); }
[data-theme="light"] .vb-ia-label { color: #5A5A6A; }
[data-theme="light"] .vb-flow-name { color: #0F0F11; }

/* Sidebar contact — mode clair */
[data-theme="light"] .ci-block-new { background: #FFFFFF; border-color: rgba(0,0,0,.09); }
[data-theme="light"] a.ci-block-new:hover { background: #F7F7F8; border-color: rgba(0,184,217,.25); }
[data-theme="light"] .ci-block-val { color: #0F0F11; }
[data-theme="light"] .ci-block-label { color: #5A5A6A; }
[data-theme="light"] .ci-calendly-new { background: rgba(0,184,217,.06); border-color: rgba(0,184,217,.2); color: var(--electric); }
[data-theme="light"] .ci-calendly-new:hover { background: rgba(0,184,217,.1); }

/* Page sur mesure — mode clair */
[data-theme="light"] .surm-trigger-card { background:#FFFFFF; border-color:rgba(0,0,0,.08); }
[data-theme="light"] .surm-trigger-card h3 { color:#0F0F11; }
[data-theme="light"] .surm-step-num { background:#F0F2F8; border-color:rgba(0,0,0,.08); }
[data-theme="light"] .surm-step-content h3 { color:#0F0F11; }
[data-theme="light"] .surm-platform { background:#FFFFFF; border-color:rgba(0,0,0,.08); }
[data-theme="light"] .surm-pitem { background:#F0F2F8; color:#5A5A6A; }
[data-theme="light"] .surm-why-card { background:#FFFFFF; border-color:rgba(0,0,0,.08); }
[data-theme="light"] .surm-why-card h3 { color:#0F0F11; }
[data-theme="light"] .surm-section-head h2 { color:#0F0F11; }
/* Nav dropdown — mode clair */
[data-theme="light"] .nav-links .sub-menu{
  background:rgba(255,255,255,.97);
  border-color:rgba(0,0,0,.08);
  border-top-color:var(--electric);
  box-shadow:0 8px 32px rgba(0,0,0,.12);
}
[data-theme="light"] .nav-links .sub-menu li a{color:#5A5A6A}
[data-theme="light"] .nav-links .sub-menu li a:hover{color:var(--electric);background:rgba(0,184,217,.05)}