:root {
  --creator-bg: #fcfbff;
  --creator-bg-soft: #f7f4ff;
  --creator-text: #141228;
  --creator-text-soft: #5f5877;
  --creator-violet: #6d4aff;
  --creator-pink: #ff4fa3;
  --creator-border: #e9e6f7;
  --creator-card: #ffffff;
  --creator-shadow: 0 18px 48px rgba(96, 74, 168, 0.08);
}

html, body {
  background:
    radial-gradient(circle at top left, rgba(109, 74, 255, 0.10), transparent 28%),
    radial-gradient(circle at top right, rgba(255, 79, 163, 0.08), transparent 22%),
    linear-gradient(180deg, #fffefe 0%, #faf8ff 36%, #fcfbff 100%) !important;
  color: var(--creator-text) !important;
}

body,
 body * {
  scrollbar-color: #cabfff #f3f0fb;
}

header,
aside,
nav,
.dropdown-menu,
.nav-dropdown-panel,
.mobile-menu {
  background: rgba(255, 255, 255, 0.92) !important;
  color: var(--creator-text) !important;
  border-color: var(--creator-border) !important;
  box-shadow: 0 12px 36px rgba(96, 74, 168, 0.07) !important;
  backdrop-filter: blur(16px);
}

.sidebar,
aside.sidebar,
[class*="sidebar"] {
  background: linear-gradient(180deg, #ffffff, #faf7ff) !important;
  border-right: 1px solid var(--creator-border) !important;
}

main,
section,
article,
.glass-panel,
.surface-panel,
#bioComposerCard,
#bioCloudCard,
#bioScoreCard,
#bioVariantsCard,
#skinToneCard,
#text-style-sidepanels > div,
#bio-preview-section,
#grid > div,
[class*="bg-slate-800/40"],
[class*="bg-slate-900/50"],
[class*="bg-slate-900/80"],
[class*="bg-slate-800/50"],
[class*="bg-slate-900/40"] {
  border-color: var(--creator-border) !important;
}

.surface-panel,
.glass-panel,
#bioComposerCard,
#bioCloudCard,
#bioScoreCard,
#bioVariantsCard,
#skinToneCard,
#text-style-sidepanels > div,
#bio-preview-section,
[class*="bg-slate-800/40"],
[class*="bg-slate-900/50"],
[class*="bg-slate-900/80"],
[class*="bg-slate-800/50"],
[class*="bg-slate-900/40"] {
  background: var(--creator-card) !important;
  box-shadow: var(--creator-shadow) !important;
}

h1, h2, h3, h4, h5, h6,
.text-white,
.text-slate-100,
.text-slate-200,
.text-slate-300,
.text-slate-400 {
  color: var(--creator-text) !important;
}

p,
small,
.text-slate-500,
.text-slate-600,
.text-slate-700 {
  color: var(--creator-text-soft) !important;
}

a {
  color: inherit;
}

input,
textarea,
select,
#searchInput,
#search-input,
#multiInput {
  background: #ffffff !important;
  color: var(--creator-text) !important;
  border-color: var(--creator-border) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
}

input::placeholder,
textarea::placeholder {
  color: #8a83a7 !important;
}

button,
.chip-btn,
.cat-btn,
.nav-btn-local,
.dropdown-item,
.sidebar-item,
a.rounded-lg,
a.rounded-xl,
a.rounded-2xl {
  border-color: var(--creator-border) !important;
}

.chip-btn,
.cat-btn,
.nav-btn-local,
[class*="bg-slate-700"],
[class*="bg-slate-800"] {
  background: #ffffff !important;
  color: var(--creator-text-soft) !important;
}

.chip-btn:hover,
.cat-btn:hover,
.nav-btn-local:hover,
.dropdown-item:hover,
.sidebar-item:hover {
  background: #f5f0ff !important;
  color: var(--creator-text) !important;
  border-color: #d9cffd !important;
}

.cat-btn.active,
.chip-btn.active,
[class*="active bg-purple-600"],
[class*="active bg-slate-800 text-white"] {
  background: var(--creator-violet) !important;
  color: #ffffff !important;
  border-color: var(--creator-violet) !important;
  box-shadow: 0 14px 28px rgba(109, 74, 255, 0.18) !important;
}

.bg-purple-600,
.bg-orange-600,
.bg-emerald-600,
.bg-red-600,
.bg-blue-600,
.bg-indigo-600,
.bg-pink-600,
.bg-cyan-600,
button[style*="linear-gradient"],
a[style*="linear-gradient"] {
  background: var(--creator-violet) !important;
  color: #ffffff !important;
  border-color: var(--creator-violet) !important;
  box-shadow: 0 14px 30px rgba(109, 74, 255, 0.20) !important;
}

.text-purple-500,
.text-purple-400,
.text-violet-400,
.text-violet-500,
.text-blue-400,
.text-pink-400,
.text-rose-500,
.text-amber-400,
.text-orange-400,
.text-cyan-400,
.text-emerald-400 {
  color: var(--creator-violet) !important;
}

.border-white\/5,
.border-white\/10,
.border-slate-700,
.border-slate-800,
[class*="border-white/5"],
[class*="border-white/10"],
[class*="border-slate-700"] {
  border-color: var(--creator-border) !important;
}

.shadow-2xl,
.shadow-xl,
.shadow-lg {
  box-shadow: var(--creator-shadow) !important;
}

#bioLibraryModal,
[id$="Modal"] {
  background: rgba(250, 247, 255, 0.82) !important;
}

#bioLibraryModal > div,
[id$="Modal"] > div {
  background: #ffffff !important;
  border-color: var(--creator-border) !important;
  color: var(--creator-text) !important;
}

.rajdhani,
.display-font {
  color: var(--creator-text) !important;
}

.bg-slate-950,
.bg-slate-950\/80,
.bg-slate-950\/60,
.bg-slate-900,
.bg-slate-900\/80,
.bg-slate-900\/60,
.bg-slate-900\/50,
.bg-slate-800,
.bg-slate-800\/50,
.bg-slate-800\/40 {
  background: #ffffff !important;
}

/* Texte Stylé: cards and preview blocks need explicit light-theme remapping */
#stylesGrid .style-card,
#stylesGrid .style-card:hover,
#stylesGrid .style-card.just-copied {
  background: #ffffff !important;
  border-color: var(--creator-border) !important;
  box-shadow: var(--creator-shadow) !important;
  transform: none;
}

#stylesGrid .style-card [id^="prev-"] {
  background: #f7f4ff !important;
  border-color: var(--creator-border) !important;
  color: var(--creator-text) !important;
}

#stylesGrid .style-card .text-slate-100,
#stylesGrid .style-card .text-slate-400,
#stylesGrid .style-card .text-slate-500,
#stylesGrid .style-card .text-slate-600 {
  color: var(--creator-text-soft) !important;
}

#stylesGrid .style-card .text-slate-100 {
  color: var(--creator-text) !important;
}

#stylesGrid .style-card button[data-act="copy"] {
  background: var(--creator-violet) !important;
  color: #ffffff !important;
  border-color: var(--creator-violet) !important;
  box-shadow: 0 14px 30px rgba(109, 74, 255, 0.20) !important;
}

#stylesGrid .style-card button[data-act="fav"] {
  color: #8a83a7 !important;
}

#stylesGrid .style-card button[data-act="fav"]:hover {
  color: var(--creator-pink) !important;
}