/*
 * Corporate Tema — Token Override (Phase 18)
 * --------------------------------------------------------------
 * shared/design-tokens.css'in primary/accent/radius'unu ezerek
 * tema-spesifik kurumsal hava verir. Body class'a bağlı yüklenmez —
 * base.html ``main.css`` zinciriyle her sayfada aktiftir.
 */

:root {
  /* Bu tema koyu palet için tasarlanmadı/test edilmedi (yalnız çerez barı
     istisna). shared/design-tokens.css'in OS-güdümlü prefers-color-scheme:dark
     bloğu React editör için kasıtlı (ADR-0004); public sitede bunu görmemeli —
     aksi halde bileşenler arası kontrast kırılır (ör. tablo satırları
     okunmaz hale gelir). Tarayıcı/OS tercihinden bağımsız hep açık temada kal. */
  color-scheme: light;

  /* Lacivert primary — kurumsal güven */
  --color-primary: #1e3a8a;
  --color-primary-hover: #1e40af;
  --color-primary-active: #1d4ed8;
  --color-primary-fg: #ffffff;
  --color-primary-subtle: #dbeafe;

  /* Slate secondary */
  --color-secondary: #475569;
  --color-secondary-hover: #334155;
  --color-secondary-subtle: #f1f5f9;

  /* Turuncu accent — CTA için */
  --color-accent: #ea580c;
  --color-accent-hover: #c2410c;
  --color-accent-fg: #ffffff;
  --color-accent-subtle: #fff7ed;

  /* Arka planlar */
  --color-bg: #ffffff;
  --color-bg-subtle: #f8fafc;
  --color-bg-section: #f1f5f9;
  --color-bg-muted: #e2e8f0;

  /* Metin */
  --color-fg: #0f172a;
  --color-fg-muted: #64748b;
  --color-fg-subtle: #94a3b8;
  /* Tema paneli "Renk 3" (theme_color_3) → base.html #tenant-theme-overrides
     :root'ta --color-tertiary'yi ezer. Burada nötr default veriyoruz ki Renk 3
     set edilmemiş tenant'ta da var(--color-tertiary) çözülsün (kırık swatch/etkisiz
     renk olmasın). Override daima sonra yüklenir → set edildiğinde bu kazanmaz. */
  --color-tertiary: var(--color-fg);

  /* Sınır */
  --color-border: #e2e8f0;
  --color-border-strong: #cbd5e1;

  /* Yarıçap (orta yumuşak) */
  --radius-sm: 0.25rem;
  --radius: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;

  /* Tema-spesifik token'lar */
  --header-height: 4rem;
  --topbar-height: 2.25rem;
  --container-max-width: 1280px;
  --container-padding-inline: 1rem;

  /* Gölge — sadece card/modal için, hafif */
  --shadow-card: 0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-elevated: 0 4px 6px rgba(15, 23, 42, 0.07), 0 2px 4px rgba(15, 23, 42, 0.04);

  /* Geçiş */
  --transition: 450ms ease-in-out;
}

@media (min-width: 768px) {
  :root {
    --container-padding-inline: 2rem;
  }
}

/* shared/design-tokens.css'in dark bloğunu (satır ~114) etkisizleştir — cascade
   sırasına güvenmek yerine aynı media koşulunda açık paleti tekrar yaz, böylece
   OS koyu tercihinde de garanti okunur kalır. */
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #ffffff;
    --color-bg-subtle: #f8fafc;
    --color-bg-section: #f1f5f9;
    --color-bg-muted: #e2e8f0;

    --color-fg: #0f172a;
    --color-fg-muted: #64748b;
    --color-fg-subtle: #94a3b8;

    --color-border: #e2e8f0;
    --color-border-strong: #cbd5e1;

    --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
    --shadow: var(--shadow-card);
    --shadow-md: var(--shadow-elevated);
  }
}