/*
 * SMG.BlazorComponents → Biosis tema köprüsü.
 *
 * SMG bileşenleri anlamsal ROL değişkenleriyle çalışır (--smg-bg, --smg-surface, …).
 * Bu dosya yalnızca o rolleri Biosis'in kendi token'larına (--va-*) bağlar;
 * kütüphanenin marka/nötr rampalarına (--smg-brand-*, --smg-neutral-*) dokunmaz.
 * Böylece SMG başka projelerde kendi varsayılan kimliğiyle kalır, Biosis yalnızca
 * kendi temasını giydirir.
 *
 * Açık/koyu geçişi --va-* üzerinden olur (html.light tokens.css'te tanımlı),
 * bu yüzden burada ayrı bir koyu/açık bloğu YOKTUR.
 *
 * Yükleme sırası (App.razor): smg-*.css → tokens.css → BU DOSYA.
 * En sonda yüklenir ki SMG'nin kendi [data-theme="dark"] / .dark bloklarını geçsin.
 */

:root {
  /* ── Yüzeyler ── */
  --smg-bg:            var(--va-bg);
  --smg-surface:       var(--va-card);
  --smg-surface-2:     var(--va-elevated);
  --smg-hover:         var(--va-elevated);
  --smg-selected:      var(--va-accent-dim);

  /* ── Kenarlıklar (Biosis üç kademeli rampa) ── */
  --smg-border-subtle: var(--va-border);
  --smg-border:        var(--va-border-light);
  --smg-border-strong: var(--va-border-strong);

  /* ── Metin ── */
  --smg-text:          var(--va-text);
  --smg-text-2:        var(--va-text-dim);
  --smg-text-3:        var(--va-text-muted);

  /* ── Birincil (Biosis teal) ── */
  --smg-primary:       var(--va-accent);
  --smg-primary-hover: var(--va-accent-hover);
  --smg-primary-soft:  var(--va-accent-dim);
  --smg-primary-text:  var(--va-accent);
  --smg-on-primary:    var(--va-on-accent);

  /* ── Anlamsal renkler: dolu renk Biosis'ten, zemin tonu accent-dim mantığıyla ── */
  --smg-success:       var(--va-success);
  --smg-success-bg:    rgba(34, 197, 94, 0.15);
  --smg-success-text:  var(--va-success);
  --smg-warning:       var(--va-warning);
  --smg-warning-bg:    rgba(245, 158, 11, 0.15);
  --smg-warning-text:  var(--va-warning);
  --smg-danger:        var(--va-danger);
  --smg-danger-bg:     rgba(239, 68, 68, 0.15);
  --smg-danger-text:   var(--va-danger);
  --smg-info:          var(--va-info);
  --smg-info-bg:       rgba(59, 130, 246, 0.15);
  --smg-info-text:     var(--va-info);

  /* ── Ters yüzey (tooltip): koyu temada açık balon okunmuyor, ters çevrilir ── */
  --smg-inverse-surface: var(--va-elevated);
  --smg-inverse-text:    var(--va-text);

  /* ── Odak halkası: marka turuncusu yerine Biosis teal ── */
  --smg-focus-ring:    0 0 0 3px var(--va-accent-dim);
  --smg-focus-outline: var(--va-accent-hover);

  /* ── Perde ve gölgeler (koyu temada daha derin) ── */
  --smg-scrim:          rgba(0, 0, 0, 0.60);
  --smg-shadow-sm:      var(--va-shadow-sm);
  --smg-shadow-md:      var(--va-shadow);
  --smg-shadow-lg:      var(--va-shadow-lg);
  --smg-shadow-popover: var(--va-shadow-lg);
  --smg-shadow-overlay: var(--va-shadow-lg);
  --smg-shadow-modal:   var(--va-shadow-lg);
  --smg-shadow-tooltip: var(--va-shadow);

  /* ── İskelet: nötr rampa koyu temada beyaz parlıyor ── */
  --smg-skeleton-bg:    var(--va-elevated);
  --smg-skeleton-shine: rgba(255, 255, 255, 0.06);

  /* ── Tipografi: Public Sans (Biosis marka fontu) ── */
  --smg-font-sans:    var(--va-font-body);
  --smg-font-display: var(--va-font-heading);

  /* ── Yarıçap: Biosis 6/8/12/16 rampası ── */
  --smg-radius-xs:   4px;
  --smg-radius-sm:   var(--va-radius-sm);
  --smg-radius-md:   var(--va-radius);
  --smg-radius-lg:   var(--va-radius-lg);
  --smg-radius-xl:   var(--va-radius-xl);
}

/* Açık temada iskelet parıltısı ve ters yüzey koyu tema değerleriyle ters düşer. */
html.light {
  --smg-skeleton-shine:  rgba(255, 255, 255, 0.60);
  --smg-inverse-surface: #26292E;
  --smg-inverse-text:    #FFFFFF;
  --smg-scrim:           rgba(22, 32, 58, 0.40);
}

/* Açılır liste (SmgSelect/SmgMultiselect) AÇIKKEN kart kırpmasın (2026-08-26: Coğrafi Bölgeler
   yükümlü seçici + yükümlü detay VS atama). Kapalıyken overflow:hidden kalır (köşe kırpma). */
.smg-card:has(.smg-select--open),
.smg-card:has(.smg-multiselect--open) { overflow: visible; }