/* ===========================
   BUTTON COLORS
   Kullanım: .btn + .btn-{renk}
   Outline:  .btn + .btn-outline + .btn-{renk}
   =========================== */

/* ----- Primary (Mavi) ----- */
.btn-primary {
  background-color: #3b82f6;
  border-color: #3b82f6;
  color: #ffffff;
}
.btn-primary:hover {
  background-color: #2563eb;
  border-color: #2563eb;
}
.btn-primary:focus-visible {
  outline-color: #93c5fd;
}
.btn-outline.btn-primary {
  background-color: transparent;
  color: #3b82f6;
}
.btn-outline.btn-primary:hover {
  background-color: #eff6ff;
}

/* ----- Secondary (Mor) ----- */
.btn-secondary {
  background-color: #8b5cf6;
  border-color: #8b5cf6;
  color: #ffffff;
}
.btn-secondary:hover {
  background-color: #7c3aed;
  border-color: #7c3aed;
}
.btn-secondary:focus-visible {
  outline-color: #c4b5fd;
}
.btn-outline.btn-secondary {
  background-color: transparent;
  color: #8b5cf6;
}
.btn-outline.btn-secondary:hover {
  background-color: #f5f3ff;
}

/* ----- Success (Yeşil) ----- */
.btn-success {
  background-color: #22c55e;
  border-color: #22c55e;
  color: #ffffff;
}
.btn-success:hover {
  background-color: #16a34a;
  border-color: #16a34a;
}
.btn-success:focus-visible {
  outline-color: #86efac;
}
.btn-outline.btn-success {
  background-color: transparent;
  color: #22c55e;
}
.btn-outline.btn-success:hover {
  background-color: #f0fdf4;
}

/* ----- Danger (Kırmızı) ----- */
.btn-danger {
  background-color: #ef4444;
  border-color: #ef4444;
  color: #ffffff;
}
.btn-danger:hover {
  background-color: #dc2626;
  border-color: #dc2626;
}
.btn-danger:focus-visible {
  outline-color: #fca5a5;
}
.btn-outline.btn-danger {
  background-color: transparent;
  color: #ef4444;
}
.btn-outline.btn-danger:hover {
  background-color: #fef2f2;
}

/* ----- Warning (Sarı) ----- */
.btn-warning {
  background-color: #f59e0b;
  border-color: #f59e0b;
  color: #1e293b;
}
.btn-warning:hover {
  background-color: #d97706;
  border-color: #d97706;
}
.btn-warning:focus-visible {
  outline-color: #fcd34d;
}
.btn-outline.btn-warning {
  background-color: transparent;
  color: #f59e0b;
}
.btn-outline.btn-warning:hover {
  background-color: #fffbeb;
}

/* ----- Info (Açık Mavi) ----- */
.btn-info {
  background-color: #06b6d4;
  border-color: #06b6d4;
  color: #ffffff;
}
.btn-info:hover {
  background-color: #0891b2;
  border-color: #0891b2;
}
.btn-info:focus-visible {
  outline-color: #67e8f9;
}
.btn-outline.btn-info {
  background-color: transparent;
  color: #06b6d4;
}
.btn-outline.btn-info:hover {
  background-color: #ecfeff;
}

/* ----- Dark ----- */
.btn-dark {
  background-color: #1e293b;
  border-color: #1e293b;
  color: #ffffff;
}
.btn-dark:hover {
  background-color: #0f172a;
  border-color: #0f172a;
}
.btn-dark:focus-visible {
  outline-color: #94a3b8;
}
.btn-outline.btn-dark {
  background-color: transparent;
  color: #1e293b;
}
.btn-outline.btn-dark:hover {
  background-color: #f1f5f9;
}

/* ----- Light ----- */
.btn-light {
  background-color: #f8fafc;
  border-color: #e2e8f0;
  color: #1e293b;
}
.btn-light:hover {
  background-color: #f1f5f9;
  border-color: #cbd5e1;
}

/* ----- Ghost ----- */
.btn-ghost {
  background-color: transparent;
  border-color: #e2e8f0;
  color: #475569;
}
.btn-ghost:hover {
  background-color: #f1f5f9;
  border-color: #cbd5e1;
  color: #0f172a;
}