:root {
  --bg: #ffffff;
  --text: #212529;
  --card-bg: #f8f9fa;
  --navbar-bg: #f8f9fa;
  --border: #dee2e6;
}

.dark-mode {
  --bg: #1a1a2e;
  --text: #e0e0e0;
  --card-bg: #16213e;
  --navbar-bg: #0f3460;
  --border: #2a2a4a;
}

body {
  background-color: var(--bg);
  color: var(--text);
  transition: background-color 0.3s, color 0.3s;
}

.navbar {
  background-color: var(--navbar-bg) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.card, .list-group-item {
  background-color: var(--card-bg);
  border-color: var(--border);
}

.btn-outline-secondary, .btn-outline-primary {
  border-color: var(--border);
  color: var(--text);
}

/* Animasiya */
.fade-in {
  animation: fadeIn 0.6s ease-in;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Elan kartları hover */
.ad-card {
  transition: transform 0.2s, box-shadow 0.2s;
}
.ad-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

/* Şəkil önizləmə qutusu */
.img-preview-container img {
  width: 100px; height: 100px; object-fit: cover; margin: 5px; border-radius: 8px;
}

@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.6); }
    70% { box-shadow: 0 0 0 12px rgba(255, 193, 7, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 193, 7, 0); }
}