/* ════════════════════════════════════════════════════════════
   Style.theme-light.css — Thème clair (CSS 1) — Fond ivoire/beige
   Surcharge des variables + adaptations visuelles
════════════════════════════════════════════════════════════ */

[data-theme="light"] {
  --gold:        #C9A84C;          /* conservé */
  --gold-light:  #B8922A;          /* plus foncé pour lisibilité sur clair */
  --gold-dim:    #7A5A18;
  --bg:          #F2EDE3;          /* fond ivoire */
  --bg-card:     #E8E0CE;          /* carte légèrement plus foncée */
  --bg-input:    #F5F0E8;          /* champ très clair */
  --border:      rgba(139,100,20,0.20);
  --border-hi:   rgba(139,100,20,0.50);
  --text-dim:    #5C4518;          /* texte label sombre chaud */
  --red-text:    #cc4444;
  --btn-text:    #2A1E08;          /* texte sombre sur bouton doré */
  --grid-color:  rgba(139,100,20,0.06);
  --glow-color:  rgba(201,168,76,0.09);
}

/* Grille de fond adaptée au fond clair */
[data-theme="light"] body::before {
  background-image:
    linear-gradient(var(--grid-color) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);
}

/* Halo central adapté */
[data-theme="light"] body::after {
  background: radial-gradient(ellipse at 50% 40%, var(--glow-color) 0%, transparent 65%);
}

/* Coins décoratifs plus visibles sur fond clair */
[data-theme="light"] .corner {
  border-color: rgba(139,100,20,0.30);
}

/* Particules plus contrastées sur fond clair */
[data-theme="light"] .particle {
  background: #8B6420;
}

/* Texte sur bouton doré en thème clair */
[data-theme="light"] .btn-gold {
  color: var(--btn-text);
}

/* ── Curseur — adapté au fond ivoire ──────────────────────── */
/* Structure 1 : #cursor div direct (Style.layout.css — index.php)  */
/* Géré via var(--gold) qui reste lisible — pas de surcharge nécessaire */

/* Structure 2 : #cursor::before (intro.php, OBDcs, logout_daydream) */
[data-theme="light"] #cursor::before {
  background: var(--gold-dim);
  box-shadow: 0 0 6px var(--gold-dim);
}