/*
 * Gazar Teması — Tasarım Token'ları
 *
 * Kaynak: docs/gazar-theme/design-system.md §2-4 (renk paleti, tipografi, radius/gölge).
 * Bu dosya sadece bu değişkenleri tanımlar; bileşen kuralları style.css'te.
 * Gazar layout'u dışında hiçbir yerde yüklenmez, bu yüzden :root düz kullanılır
 * (varsayılan/Bulaşıkhane temasıyla aynı sayfada asla bir arada bulunmaz).
 */

:root {
  /* Marka / lacivert ölçeği */
  --gazar-navy-900: #0F1B33; /* en koyu — başlıklar, footer zemini */
  --gazar-navy-800: #16264A; /* logo yazısı, buton hover */
  --gazar-navy-700: #1D3B66; /* birincil buton zemini, header aksanları */
  --gazar-navy-600: #2A4E82; /* ikincil vurgular */
  --gazar-navy-500: #3E6BB0; /* linkler, aktif durum */
  --gazar-blue-accent: #2F6FED; /* logo ikonu, bilgi rozetleri, "yeni/online" noktası */
  --gazar-navy-tint-100: #EEF3FB; /* maskot paneli / chat zemini */
  --gazar-navy-tint-50: #F6F9FD; /* çok hafif zemin, kart hover */

  /* Nötrler */
  --gazar-ink: #16233F; /* gövde metin rengi (siyah yerine) */
  --gazar-body: #5B6B85; /* ikincil/gri metin */
  --gazar-border: #E3E8F0;
  --gazar-border-strong: #C7D0E0;
  --gazar-white: #FFFFFF;
  --gazar-surface: #F8FAFC; /* sayfa zemini */

  /* Semantik (marka renginden bağımsız, sabit kalır) */
  --gazar-success: #1F9254; /* "Stokta var" */
  --gazar-success-bg: #E8F6EE;
  --gazar-danger: #E5484D; /* sepet/bildirim rozet sayacı, hata */
  --gazar-danger-bg: #FDECEC;
  --gazar-warning: #C77A1F;
  --gazar-star: #FFB020; /* yıldız puanlama */

  /* Radius / gölge */
  --gazar-radius-sm: 8px;   /* input, buton, küçük chip */
  --gazar-radius-md: 12px;  /* kart, panel */
  --gazar-radius-lg: 20px;  /* büyük mascot panelleri, modal */
  --gazar-radius-full: 999px; /* pill, rozet, adet steper */
  --gazar-shadow-sm: 0 1px 2px rgba(15, 27, 51, 0.06);
  --gazar-shadow-md: 0 8px 24px rgba(15, 27, 51, 0.08);
  --gazar-shadow-lift: 0 12px 32px rgba(15, 27, 51, 0.14); /* hover kaldırma efekti */

  /* Tipografi */
  --gazar-font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --gazar-f-regular: 400;
  --gazar-f-medium: 500;
  --gazar-f-semibold: 600;
  --gazar-f-bold: 700;
  --gazar-f-extrabold: 800;

  --gazar-fs-h1: 2.25rem;
  --gazar-fs-h2: 1.5rem;
  --gazar-fs-h3: 1.125rem;
  --gazar-fs-body: 0.9375rem;
  --gazar-fs-label: 0.8125rem;
  --gazar-fs-price: 1.375rem;
}