html {
  scroll-behavior: smooth;
}

[data-theme="dark"]
  .bg-gradient-to-tr.from-sky-100.via-transparent.to-fuchsia-100 {
  background: linear-gradient(to bottom left, #0f172a, #1e1a78, #0f172a);
}

[data-theme="dark"] body {
  background: #0f172a;
}

[data-theme="dark"] .bg-white {
  background: #1e1a78;
}

[data-theme="dark"] div h1 {
  color: #cbd5e1;
}

/* Header & Footer */
[data-theme="dark"] header,
[data-theme="dark"] footer {
  background: rgba(15, 23, 42, 0.9); /* effet semi-transparent */
  backdrop-filter: blur(8px);
  color: #f8fafc;
}

[data-theme="dark"] nav a,
[data-theme="dark"] .text-description,
[data-theme="dark"] .text-section,
[data-theme="dark"] .text-muted {
  color: #cbd5e1;
}

[data-theme="dark"] nav a:hover {
  color: #60a5fa;
}

[data-theme="dark"] .text-gray-900,
[data-theme="dark"] .text-gray-800,
[data-theme="dark"] .text-gray-700,
[data-theme="dark"] .text-gray-600,
[data-theme="dark"] .text-slate-700,
[data-theme="dark"] .text-slate-800,
[data-theme="dark"] .text-slate-600,
[data-theme="dark"] .text-slate-900 {
  color: #e2e8f0;
}

/* Borders */
[data-theme="dark"] .border,
[data-theme="dark"] .border-slate-200,
[data-theme="dark"] .border-gray-300 {
  border-color: #334155;
}

/* Card / Box Shadows */
[data-theme="dark"] .shadow,
[data-theme="dark"] .shadow-lg {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .hover\:bg-blue-50:hover {
  background-color: #334155;
}

[data-theme="dark"] textarea,
[data-theme="dark"] input,
[data-theme="dark"] select {
  background-color: #1e1a78;
  color: #f1f5f9;
  border-color: #475569;
}

[data-theme="dark"] .btn-primary {
  background-color: #3b82f6;
  color: #f8fafc;
}

[data-theme="dark"] .btn-primary:hover {
  background-color: #2563eb;
}

[data-theme="dark"] .btn-secondary {
  border-color: #64748b;
  background-color: transparent;
  color: #cbd5e1;
}

[data-theme="dark"] .btn-secondary:hover {
  background-color: #1e293b;
}

[data-theme="dark"] {
  background-color: #1f2937;
  color: #e5e7eb;
}
[data-theme="dark"] .bg-white,
[data-theme="dark"] .bg-gray-100,
[data-theme="dark"] .bg-gray-50 {
  background-color: #1f2937;
}
[data-theme="dark"] .text-gray-700,
[data-theme="dark"] .text-gray-800,
[data-theme="dark"] .text-gray-600,
[data-theme="dark"] .text-gray-900,
[data-theme="dark"] .text-sm,
[data-theme="dark"] .text-md,
[data-theme="dark"] .text-lg {
  color: #e5e7eb;
}
[data-theme="dark"] textarea,
[data-theme="dark"] input,
[data-theme="dark"] select {
  background-color: #374151;
  color: #e5e7eb;
  border-color: #4b5563;
}
.theme-toggle {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #4b5563;
  color: white;
  padding: 10px;
  border-radius: 9999px;
  cursor: pointer;
  z-index: 1000;
}
.social-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  border-radius: 0.375rem;
  padding: 0.5rem 1rem;
  font-weight: 500;
  border: 1px solid #d1d5db;
  background-color: #fff;
  color: #1f2937;
  transition: all 0.2s ease-in-out;
}
.social-btn img {
  width: 1rem;
  height: 1rem;
}
[data-theme="dark"] .social-btn {
  background-color: #374151;
  border-color: #4b5563;
  color: #e5e7eb;
}

html {
  scroll-behavior: smooth;
}

[data-theme="dark"]
  .bg-gradient-to-tr.from-sky-100.via-transparent.to-fuchsia-100 {
  background: linear-gradient(to bottom left, #0f172a, #1e1a78, #0f172a);
}

[data-theme="dark"] body {
  background: #0f172a;
}

[data-theme="dark"] .bg-white {
  background: #1e1a78;
}

[data-theme="dark"] div h1 {
  color: #cbd5e1;
}

/* Header & Footer */
[data-theme="dark"] header,
[data-theme="dark"] footer {
  background: rgba(15, 23, 42, 0.9); /* effet semi-transparent */
  backdrop-filter: blur(8px);
  color: #f8fafc;
}

[data-theme="dark"] nav a,
[data-theme="dark"] .text-description,
[data-theme="dark"] .text-section,
[data-theme="dark"] .text-muted {
  color: #cbd5e1;
}

[data-theme="dark"] nav a:hover {
  color: #60a5fa;
}

[data-theme="dark"] .text-gray-900,
[data-theme="dark"] .text-gray-800,
[data-theme="dark"] .text-gray-700,
[data-theme="dark"] .text-gray-600,
[data-theme="dark"] .text-slate-700,
[data-theme="dark"] .text-slate-800,
[data-theme="dark"] .text-slate-600,
[data-theme="dark"] .text-slate-900 {
  color: #e2e8f0;
}

/* Borders */
[data-theme="dark"] .border,
[data-theme="dark"] .border-slate-200,
[data-theme="dark"] .border-gray-300 {
  border-color: #334155;
}

/* Card / Box Shadows */
[data-theme="dark"] .shadow,
[data-theme="dark"] .shadow-lg {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .hover\:bg-blue-50:hover {
  background-color: #334155;
}

[data-theme="dark"] textarea,
[data-theme="dark"] input,
[data-theme="dark"] select {
  background-color: #1e1a78;
  color: #f1f5f9;
  border-color: #475569;
}

[data-theme="dark"] .btn-primary {
  background-color: #3b82f6;
  color: #f8fafc;
}

[data-theme="dark"] .btn-primary:hover {
  background-color: #2563eb;
}

[data-theme="dark"] .btn-secondary {
  border-color: #64748b;
  background-color: transparent;
  color: #cbd5e1;
}

[data-theme="dark"] .btn-secondary:hover {
  background-color: #1e293b;
}

.theme-toggle {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #4b5563;
  color: white;
  padding: 10px;
  border-radius: 9999px;
  cursor: pointer;
  z-index: 1000;
}