/* ============================================================
   Ductusmed — Marka Teması (UI Pass Phase 1)
   ------------------------------------------------------------
   Bu dosya app.css'i DEĞİŞTİRMEZ; yalnızca CSS değişkenlerini ve
   birkaç bileşeni override eder (cascade). app.css linkinden SONRA
   yüklenir. Geri almak için base.html'deki link satırını kaldırmak
   yeterlidir.

   Renk yönü: kırmızı (#e63946) -> indigo/mor (#6366f1).
   Navbar: koyu -> beyaz (ince alt çizgi, koyu metin, indigo CTA).
   NOT: Font (Plus Jakarta Sans) bu PR'da YOK — CSP style-src/font-src
   yalnızca 'self' izniyle Google Fonts'u bloklar. Font ayrı bir PR'da
   self-host (.woff2) olarak eklenecek. Şimdilik sistem fontu korunur.
   ============================================================ */

:root {
  --color-primary:    #6366f1; /* indigo (eski: #e63946 kırmızı) */
  --color-primary-d:  #4f46e5; /* koyu indigo (eski: #c1121f) */
  --color-surface:    #f5f5ff; /* çok hafif indigo-beyaz yüzey (eski: #f8f9fa) */
  --color-border:     #e6e6f5; /* hafif indigo-gri kenar (eski: #dee2e6) */
  --color-text:       #1e1b2e; /* koyu lacivert-mor metin (eski: #212529) */
  --color-text-muted: #6b7280; /* nötr gri ton (eski: #6c757d) */
}

/* Yumuşak indigo "ışık" arka plan — çok hafif, dikkat dağıtmaz. */
body {
  background:
    radial-gradient(circle at top left, rgba(99, 102, 241, 0.06), transparent 30rem),
    var(--color-bg);
}

/* ---- Navbar: koyu -> beyaz ---- */
nav {
  background: #ffffff;
  border-bottom: 1px solid var(--color-border);
  box-shadow: 0 1px 2px rgba(30, 27, 46, 0.04);
}

/* Nav linkleri artık beyaz zeminde: koyu metin. */
nav a {
  color: var(--color-text);
}

nav a:hover {
  color: var(--color-primary);
}

/* Marka/logo linki (ilk nav a, bold) indigo dursun. */
nav a:first-child {
  color: var(--color-primary);
}

/* Nav butonu (Çıkış vb.): beyaz zeminde görünür olmalı -> indigo dolgu. */
nav button {
  background: var(--color-primary);
  color: #ffffff;
  border: 1px solid var(--color-primary);
}

nav button:hover {
  background: var(--color-primary-d);
  border-color: var(--color-primary-d);
}