/* Tasarım Sistemi Değişkenleri (Design System Variables) */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Nunito:wght@300;400;600;700&display=swap');

:root {
    /* Renk Paleti (Color Palette) */
    --color-primary: #2C2523;         /* Derin Sıcak Kömür / Espresso - Marka Rengi */
    --color-primary-light: #4A3E3B;   /* Açık Ton Sıcak Kömür */
    --color-primary-hover: #1C1716;   /* Hover/Aktif Sıcak Kömür */
    
    --color-accent: #D9A08B;          /* Rose Gold / Sıcak Şeftali - Vurgu Rengi */
    --color-accent-hover: #C58B76;    /* Hover Vurgu Rengi */
    
    --color-bg-body: #FAF8F5;         /* Premium Yumuşak Krem/Bej Arka Plan */
    --color-bg-surface: #FFFFFF;      /* Kartlar ve Beyaz Yüzeyler */
    --color-bg-alt: #F3EFE9;          /* Alternatif Açık Arka Plan */
    
    --color-text-main: #2C2523;       /* Derin Kömür - Okunabilir Ana Metin */
    --color-text-muted: #7D726F;      /* Muted Toprak Tonu - Yardımcı Metin */
    --color-text-light: #FFFFFF;      /* Açık Renk Metinler */
    
    --color-border: #EAE3D8;          /* Yumuşak Bej Kenarlık */
    --color-border-focus: #D9A08B;    /* Odaklanmış Kenarlık Rengi */
    
    /* Durum Renkleri (Status Colors) */
    --color-success: #4A6B52;         /* Muted Soft Sage (Sadece işlem durumları için) */
    --color-warning: #D29034;
    --color-danger: #B33A3A;
    --color-info: #2B5C8F;

    /* Tipografi (Typography) */
    --font-serif: var(--font-brand);
    --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
    --font-brand: 'Nunito', sans-serif;
    
    /* Konteyner Genişlikleri (Container Widths) */
    --container-max-width: 1280px;
    --container-padding: 1.5rem;

    /* Gölgeler (Shadows - Kömür Tonlarında) */
    --shadow-sm: 0 2px 6px rgba(44, 37, 35, 0.03);
    --shadow-md: 0 8px 20px rgba(44, 37, 35, 0.05);
    --shadow-lg: 0 16px 36px rgba(44, 37, 35, 0.08);

    /* Geçişler (Transitions) */
    --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);

    /* Kenar Yumuşatma (Border Radius) */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-full: 9999px;
    
    /* Yükseklik Katmanları (Z-Index) */
    --z-dropdown: 100;
    --z-sticky: 200;
    --z-drawer: 300;
    --z-modal: 400;
}