/*
 * TEZGAH tema token'ları (TASARIM-SISTEMI §1)
 * Müşteri başına değişen TEK dosya budur.
 *
 * Varsayılan: Tema A — "Sade Vitrin" (Claude Design kiti, docs/tasarim/claude-design).
 * Diğer ön ayarlar: docs/tasarim/temalar/tema-b.css (Sıcak Butik), tema-c.css (Keskin Modern).
 * Bir ön ayarı uygulamak = o dosyanın :root bloğunu buraya kopyalamak; düzen ve bileşenler değişmez.
 *
 * Bu dosya layout'larda site.css'ten SONRA ayrıca yüklenir: müşteri teması
 * Tailwind'i yeniden derlemeden, yalnız bu dosya değiştirilerek giydirilebilir.
 *
 * KISIT: Token renkleri hex CSS değişkeni olduğundan Tailwind opaklık modifier'ları
 * (örn. bg-primary/50) token renklerinde ÇALIŞMAZ; yarı saydamlık gerekiyorsa
 * ayrı token tanımlayın (…-tint) veya black/white skalası kullanın.
 *
 * Yönetim paneli bu dosyaya BAĞLANMAZ (white-label izolasyonu): panel renkleri
 * tailwind.config.js > colors.panel altında sabittir.
 */
:root {
  /* Marka ve vurgu — birincil düğme, aktif menü, link, seçili varyant çerçevesi */
  --v-primary: #17324D;
  --v-primary-soft: #0F2438;      /* birincil hover */
  --v-primary-tint: #E8EDF3;      /* açık vurgu zemini: bilgi kutusu, seçili satır, aktif chip */

  /* İndirim — YALNIZ indirimli fiyat ve "%20" rozeti; düğmede kullanılmaz */
  --v-accent: #B42318;
  --v-sale: var(--v-accent);

  /* Zeminler */
  --v-bg: #FFFFFF;                /* sayfa zemini */
  --v-surface: #FFFFFF;           /* kart / panel zemini */
  --v-surface-2: #F6F6F4;         /* dönüşümlü bölüm, kutu, rozet zemini */
  --v-image: #F1F1EE;             /* ürün görseli zemini (4:5 kart) */
  --v-dark: #121417;              /* üst bilgi çubuğu, footer */

  /* Metin */
  --v-text: #121417;              /* başlık ve ana metin */
  --v-body: #3A3F45;              /* gövde paragrafları */
  --v-text-muted: #6B7178;        /* yardımcı metin */

  /* Çizgiler */
  --v-line: #E4E6E2;              /* kart / bölüm ayırıcı */
  --v-line-strong: #D4D7D2;       /* input kenarlığı, adım bağlantısı */

  /* Durumlar (vurgu sayılmaz) */
  --v-success: #1E7F4F;
  --v-success-tint: #E3F3EA;
  --v-warning: #B7791F;
  --v-warning-text: #8A5A0B;
  --v-warning-tint: #FBF0DA;
  --v-danger: #C62828;
  --v-danger-tint: #FBE4E4;
  --v-purple: #5B3E96;            /* iade / cayma */
  --v-purple-tint: #ECE6F6;

  /* Biçim */
  --v-radius: 6px;                /* düğme, input */
  --v-radius-card: 4px;           /* kart, rozet, kutu */

  /* Tipografi — dosyalar kaynak.css @font-face'te (CSP: font-src 'self') */
  --v-font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --v-font-display: 'Figtree', 'Inter', system-ui, sans-serif;
}