/* ==========================================================================
   KOPUZ PAZARLAMA - HARMONIOUS 5-COLOR CORPORATE PETSHOP DESIGN SYSTEM
   Strictly 5 Elegant & Balanced Colors:
   1. #0E1E38 - Derin Kurumsal Gece Mavisi / Siyah Ton (Başlıklar, Butonlar, Footer)
   2. #2EA8B6 - Soft Açık Turkuaz / Akua Mint (Marka, Rozetler, Butonlar, Banner)
   3. #FAF8F5 - Sıcak Açık Krem (Sayfa Arka Planı & Ferah Yüzeyler)
   4. #FFFFFF - Saf Doğal Beyaz (Kartlar, Mega Menü, Formlar)
   5. #475569 - Zarif Nötr Arduvaz Grisi (Gövde Metinleri, Çerçeveler #CBD5E1)
   Zero Neon Colors - Warm, Clean, Genuine Petshop Ambience
   ========================================================================== */

:root {
  /* Renk 1: Derin Kurumsal Lacivert / Siyah Ton */
  --navy-950: #071325;        /* Footer & derin kontrast */
  --navy-900: #0E1E38;        /* KOPUZ Ana Kurumsal Lacivert - Başlıklar, Navigasyon, Butonlar */
  --navy-850: #122442;
  --navy-800: #172E54;
  --navy-700: #234173;
  --navy-100: #EBF0F7;
  --navy-50:  #F4F7FB;

  /* Renk 2: Soft Açık Turkuaz / Petshop Akua Mint (Eski Lila Yerine Geçen Ana Vurgu) */
  --turquoise-700: #16646F;
  --turquoise-600: #1D7A85;   /* Koyu turkuaz metin linkleri */
  --turquoise-500: #2EA8B6;   /* ANA SOFT TURKUAZ - Logotip, Fiyat Al butonu, Rozetler */
  --turquoise-400: #42BDCB;   /* Açık soft turkuaz */
  --turquoise-300: #7CD6DF;
  --turquoise-200: #B2EBF2;   /* İnce turkuaz çerçeveler */
  --turquoise-100: #E0F4F6;   /* Rozet & yumuşak zemin */
  --turquoise-50:  #F0FAFB;   /* Çok açık turkuaz kart zemini */

  /* Renk 3 & 4: Açık Krem & Saf Beyaz Yüzeyler */
  --bg-page: #FAF8F5;         /* Sıcak krem genel sayfa arka planı */
  --bg-cream: #FAF8F5;        /* Sıcak açık krem */
  --bg-cream-card: #FFFFFF;   /* Kart yüzeyleri */
  --bg-banner-pastel: linear-gradient(135deg, #FAF8F5 0%, #E6F7F9 48%, #D6F1F4 100%);
  --border-banner-pastel: #A8E3EA;

  --surface-white: #FFFFFF;   /* Beyaz kartlar & menü zeminleri */
  --surface-alt: #F4FBFB;     /* İkincil çok açık turkuaz-krem yüzey */
  --border-subtle: #E2E8F0;   /* İnce zarif kenarlık */
  --border-medium: #CBD5E1;   /* Giriş kutusu kenarlığı */
  --border-turquoise: rgba(46, 168, 182, 0.45);

  /* Renk 5: Tipografi & Nötr Arduvaz Grisi */
  --text-primary: #0E1E38;    /* Ana kurumsal başlık rengi */
  --text-secondary: #475569;  /* Açıklama ve etiket metinleri */
  --text-muted: #64748B;      /* Eski fiyat ve yardımcı metinler */
  --text-inverse: #FFFFFF;    /* Koyu zemin üzeri beyaz metin */

  /* Dengeli, Neon Olmayan Stok Durum Renkleri */
  --badge-instock-bg: #E0F4F6;
  --badge-instock-text: #16646F;
  --badge-instock-border: #A8E3EA;

  --badge-soldout-bg: #FEF2F2;
  --badge-soldout-text: #B91C1C;
  --badge-soldout-border: #FECACA;

  --color-success: #1D7A85;
  --color-danger: #B91C1C;
  --color-warning: #D97706;
  --color-info: #2EA8B6;
  --whatsapp-green: #25D366;

  /* Tipografi Font Aileleri */
  --font-sans: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Gölgeler */
  --shadow-sm: 0 1px 3px rgba(14, 30, 56, 0.05);
  --shadow-card: 0 4px 18px -2px rgba(14, 30, 56, 0.06);
  --shadow-card-hover: 0 14px 28px -4px rgba(14, 30, 56, 0.12);
  --shadow-megamenu: 0 20px 40px -10px rgba(7, 19, 37, 0.18);
  --shadow-drawer: -12px 0 35px rgba(7, 19, 37, 0.16);
  --shadow-modal: 0 25px 60px -15px rgba(7, 19, 37, 0.3);

  /* Animasyonlar */
  --transition-fast: all 0.16s ease;
  --transition-smooth: all 0.26s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-bounce: all 0.34s cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Yuvarlatmalar */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  /* Maksimum Genişlik */
  --container-max: 1380px;
}