/* =====================================================
   EMR ŞAHİN GROUP — Design System Variables
   ===================================================== */

:root {
  /* ── Marka Renkleri — EMR Şahin Group ── */
  --brand-dark:         #2B2628;   /* Ana koyu alt ton · Metin · Logo */
  --brand-light:        #E3DDD7;   /* Açık zemin · Krem · Web/Katalog */
  --brand-bronze:       #C69A63;   /* Bronz vurgu · Logo · Başlık */
  --brand-bronze-dark:  #B08A53;   /* Bronz hover tonu */
  --brand-bronze-light: #D9B98A;   /* Açık bronz */
  --brand-bronze-soft:  #F3EAD8;   /* Çok açık bronz (soft bg) */

  /* ── Ana Renkler ── */
  --color-primary:       var(--brand-bronze);
  --color-primary-light: var(--brand-bronze-light);
  --color-primary-dark:  var(--brand-bronze-dark);

  --color-success:       #4A7C59;   /* Muted sıcak yeşil */
  --color-warning:       #C07830;   /* Sıcak amber */
  --color-danger:        #B83C3C;   /* Sıcak kırmızı */
  --color-info:          #4A6B8A;   /* Muted çelik mavi */

  /* ── Arkaplan & Yüzeyler ── */
  --color-bg:            var(--brand-light);
  --color-surface:       #FFFFFF;
  --color-surface-2:     #F0EBE5;
  --color-border:        #D4CFC9;
  --color-border-focus:  rgba(198, 154, 99, 0.45);

  /* ── Yazı Renkleri ── */
  --color-text:          var(--brand-dark);
  --color-text-muted:    #6B5E58;
  --color-text-placeholder: #A8978E;

  /* ── Tipografi ── */
  --font-family:   'Inter', 'Segoe UI', system-ui, sans-serif;
  --font-size-xs:  0.75rem;
  --font-size-sm:  0.875rem;
  --font-size-md:  1rem;
  --font-size-lg:  1.125rem;
  --font-size-xl:  1.25rem;

  /* ── Boşluklar ── */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  32px;
  --space-2xl: 48px;

  /* ── Border Radius ── */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-full: 9999px;

  /* ── Gölgeler (Warm Tones) ── */
  --shadow-sm:  0 1px 3px rgba(43, 38, 40, 0.07), 0 1px 2px rgba(43, 38, 40, 0.04);
  --shadow-md:  0 4px 12px rgba(43, 38, 40, 0.10), 0 2px 4px rgba(43, 38, 40, 0.05);
  --shadow-lg:  0 10px 30px rgba(43, 38, 40, 0.13), 0 4px 8px rgba(43, 38, 40, 0.06);
  --shadow-glow: 0 0 20px rgba(198, 154, 99, 0.18);

  /* ── Geçiş Animasyonları ── */
  --transition-fast:   0.15s ease;
  --transition-normal: 0.25s ease;
  --transition-slow:   0.4s ease;

  /* ── Z-Index Katmanları ── */
  --z-base:     1;
  --z-dropdown: 100;
  --z-modal:    1000;
  --z-toast:    2000;
}