/**
 * ==========================================================================
 * KAT PLANI - TEMA VE RENK MODÜLÜ (theme.css)
 * ==========================================================================
 * Beyaz tonlarda aydınlık, ferah mimari tema ve tam 4 köşeli (keskin)
 * köşe kuralları.
 */

:root,
.dark-theme {
  /* ------------------------------------------------------------------------
     1. AYDINLIK VE BEYAZ ZEMİN PALETİ
     ------------------------------------------------------------------------ */
  --bg-app: #f8fafc;
  --bg-card: #ffffff;
  --bg-card-glass: rgba(255, 255, 255, 0.65);
  /* Gerçekçi Cam Efekti Değişkenleri (Realistic Glassmorphism) */
  --glass-gradient-light: linear-gradient(145deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.38) 45%, rgba(255, 255, 255, 0.52) 100%);
  --glass-gradient-dark: linear-gradient(145deg, rgba(30, 41, 59, 0.78) 0%, rgba(15, 23, 42, 0.55) 50%, rgba(30, 41, 59, 0.68) 100%);
  --glass-border-light: 1px solid rgba(255, 255, 255, 0.70);
  --glass-border-dark: 1px solid rgba(255, 255, 255, 0.15);
  --glass-blur-std: blur(28px) saturate(210%) contrast(105%);
  --glass-blur-deep: blur(32px) saturate(210%) contrast(106%);
  --glass-bevel-top: inset 0 1.5px 1px 0 rgba(255, 255, 255, 0.95);
  --glass-bevel-bottom: inset 0 -1.5px 2px 0 rgba(0, 0, 0, 0.03);
  --glass-bevel-rim: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
  --bg-card-hover: #f1f5f9;
  --bg-sidebar: #ffffff;
  --bg-sidebar-hover: #f8fafc;
  --bg-header: #ffffff;
  --bg-input: #ffffff;
  --bg-dark: #ffffff;

  /* Çerçeve ve Çizgiler */
  --border: #e2e8f0;
  --border-dark: #cbd5e1;
  --border-subtle: #f1f5f9;
  --border-gold: rgba(212, 175, 55, 0.45);
  --border-copper: rgba(200, 125, 85, 0.45);

  /* Yüksek Kontrastlı Koyu Tipografi */
  --text-main: #0f172a;
  --text-muted: #475569;
  --text-dim: #64748b;
  --text-inverse: #ffffff;

  /* ------------------------------------------------------------------------
     2. ALTIN VE BAKIR VURGU RENKLERİ
     ------------------------------------------------------------------------ */
  --gold-primary: #d4af37;
  --gold-hover: #c49f2b;
  --gold-dark: #a37f1c;
  --gold-muted: rgba(212, 175, 55, 0.12);
  --gold-border: rgba(212, 175, 55, 0.4);

  --copper-primary: #c87d55;
  --copper-hover: #b86f48;
  --copper-dark: #9e5b37;
  --copper-muted: rgba(200, 125, 85, 0.12);
  --copper-border: rgba(200, 125, 85, 0.4);

  /* Durum Renkleri (Aydınlık Mod) */
  --status-available-bg: #f0fdf4;
  --status-available-text: #166534;
  --status-available-border: #bbf7d0;

  --status-reserved-bg: #fefce8;
  --status-reserved-text: #854d0e;
  --status-reserved-border: #fef08a;

  --status-sold-bg: #fef2f2;
  --status-sold-text: #991b1b;
  --status-sold-border: #fecaca;

  --status-closed-bg: #f1f5f9;
  --status-closed-text: #475569;
  --status-closed-border: #cbd5e1;

  /* ------------------------------------------------------------------------
     3. TAM 4 KÖŞELİ KURAL (Sıfır Radius - Keskin Kenarlar)
     ------------------------------------------------------------------------ */
  --radius-badge: 0px !important;
  --radius-btn: 0px !important;
  --radius-input: 0px !important;
  --radius-card: 0px !important;
  --radius-modal: 0px !important;
  --radius-sm: 0px !important;
  --radius-md: 0px !important;
  --radius-lg: 0px !important;
  --radius-xl: 0px !important;
  --radius-2xl: 0px !important;
  --radius-full: 0px !important;

  /* Sabit Boyutlar */
  --btn-height: 38px;
  --header-height: 72px;

  /* Parlama Efektleri Kapalı */
  --shadow-glow: none !important;
}

/* --------------------------------------------------------------------------
   4. GENEL BEYAZ ZEMİN VE KESKİN 4 KÖŞE UYGULAMASI
   -------------------------------------------------------------------------- */
body,
#root,
.app-container {
  background-color: #f8fafc !important;
  color: #0f172a !important;
  margin: 0;
  padding: 0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Tüm buton, kart, input ve pencereler TAM 4 KÖŞELİ (keskin) */
*,
*::before,
*::after {
  border-radius: 0px !important;
}

/* Beyaz Tema Aydınlık Kaydırma Çubuğu */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
  background: #cbd5e1;
}

::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}