/* ═══════════════════════════════════════════════════════════════
   FAMILLE EHRET - Theme (Dark Mode)
   ═══════════════════════════════════════════════════════════════ */

[data-theme="dark"] {
  --color-primary: #C4A77D;
  --color-secondary: #9A8B7A;
  --color-accent: #D4B98A;
  --color-accent-hover: #E0C9A0;
  --color-bg: #1A1612;
  --color-surface: #2A2420;
  --color-surface-hover: #3A3430;
  --color-text: #F5F0E8;
  --color-text-light: #C4B8A8;
  --color-text-muted: #8A7D6D;
  --color-border: #3A3430;
  --color-success: #7BA07B;
  --color-error: #D47070;
  --color-warning: #E0B080;
  
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.5);
  --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.6);
}

[data-theme="dark"] body {
  background-color: var(--color-bg);
}

[data-theme="dark"] .navbar {
  background: var(--color-surface);
  border-bottom-color: var(--color-border);
}

[data-theme="dark"] .card,
[data-theme="dark"] .photo-card,
[data-theme="dark"] .album-card,
[data-theme="dark"] .auth-card,
[data-theme="dark"] .admin-section,
[data-theme="dark"] .stat-card,
[data-theme="dark"] .profile-header,
[data-theme="dark"] .filters,
[data-theme="dark"] .upload-area {
  background: var(--color-surface);
}

[data-theme="dark"] .form-input {
  background: var(--color-bg);
  border-color: var(--color-border);
  color: var(--color-text);
}

[data-theme="dark"] .form-input:focus {
  border-color: var(--color-accent);
}

[data-theme="dark"] .upload-area:hover,
[data-theme="dark"] .upload-area.dragover {
  background: rgba(196, 167, 125, 0.1);
}

[data-theme="dark"] .hero {
  background: linear-gradient(135deg, var(--color-surface) 0%, var(--color-surface-hover) 100%);
}

[data-theme="dark"] .nav-link:hover,
[data-theme="dark"] .btn-ghost:hover {
  background: var(--color-surface-hover);
}

[data-theme="dark"] .data-table tr:hover td {
  background: var(--color-surface-hover);
}

[data-theme="dark"] .mobile-user {
  background: var(--color-surface-hover);
}

[data-theme="dark"] .modal {
  background: var(--color-surface);
}

[data-theme="dark"] .modal-header,
[data-theme="dark"] .modal-footer {
  border-color: var(--color-border);
}

[data-theme="dark"] .toast {
  background: var(--color-surface);
}

/* Theme Toggle Icons */
[data-theme="light"] .icon-dark { display: none !important; }
[data-theme="dark"] .icon-light { display: none !important; }
[data-theme="dark"] .icon-dark { display: block !important; }