/*
 * 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 {
  /* 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;

  /* 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;
  }
}