/* 
 * Batı Yatırım - CSS Variables
 * Kurumsal renk paleti ve değişkenler
 */

:root {
    /* Renkler - Elit & Kurumsal */
    --color-primary: #1a1a2e;
    --color-secondary: #16213e;
    --color-accent: #0f3460;
    --color-gold: #c9a961;
    
    /* Gradient */
    --gradient-primary: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    --gradient-accent: linear-gradient(135deg, #0f3460 0%, #1a1a2e 100%);
    
    /* Gri tonlar */
    --color-text-primary: #1a1a2e;
    --color-text-secondary: #2d2d2d;
    --color-text-light: #5a5a5a;
    --color-border: #e5e5e5;
    --color-bg-light: #f8f9fa;
    --color-white: #ffffff;
    --color-dark: #1a1a2e;
    
    /* Typography */
    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-headings: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-display: 'Playfair Display', Georgia, serif;
    --font-size-base: 12.8px;
    --line-height-base: 1.6;
    --line-height-headings: 1.3;
    
    /* Font Sizes */
    --fs-xs: 0.6rem;     /* 9.6px */
    --fs-sm: 0.7rem;     /* 11.2px */
    --fs-base: 0.8rem;   /* 12.8px */
    --fs-lg: 0.9rem;     /* 14.4px */
    --fs-xl: 1rem;       /* 16px */
    --fs-2xl: 1.2rem;    /* 19.2px */
    --fs-3xl: 1.5rem;    /* 24px */
    --fs-4xl: 1.8rem;    /* 28.8px */
    --fs-5xl: 2.4rem;    /* 38.4px */
    --fs-6xl: 3rem;      /* 48px */
    
    /* Spacing */
    --spacing-xs: 0.125rem;   /* 2px */
    --spacing-sm: 0.25rem;     /* 4px */
    --spacing-md: 0.375rem;   /* 6px */
    --spacing-lg: 0.5rem;     /* 8px */
    --spacing-xl: 0.75rem;     /* 12px */
    --spacing-2xl: 1rem;    /* 16px */
    --spacing-3xl: 1.5rem;    /* 24px */
    
    /* Container */
    --container-width: 1200px;
    --container-padding: 1rem;
    
    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-full: 9999px;
    
    /* Shadow */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15);
    
    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
    --transition-slow: 350ms ease;
    
    /* Z-index */
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
}

/* TEMA VARYASYONLARI - LIGHT (Varsayılan) */
body[data-theme="light"],
body:not([data-theme]) {
    --color-primary: #1a1a2e;
    --color-secondary: #16213e;
    --color-accent: #0f3460;
    --color-gold: #c9a961;
    --color-text-primary: #1a1a2e;
    --color-text-secondary: #2d2d2d;
    --color-text-light: #5a5a5a;
    --color-bg-light: #f8f9fa;
}

/* TEMA VARYASYONLARI - DARK */
body[data-theme="dark"] {
    --color-primary: #f1f1f1;
    --color-secondary: #e8e8e8;
    --color-accent: #d4d4d4;
    --color-gold: #c9a961;
    --color-text-primary: #f1f1f1;
    --color-text-secondary: #e0e0e0;
    --color-text-light: #b0b0b0;
    --color-bg-light: #2a2a2a;
    background-color: #1a1a1a !important;
}

body[data-theme="dark"] .site-header {
    background: #242424;
    border-bottom-color: #3a3a3a;
}

/* TEMA VARYASYONLARI - BLUE */
body[data-theme="blue"] {
    --color-primary: #0052cc;
    --color-secondary: #0a3dd5;
    --color-accent: #0d47a1;
    --color-gold: #1e88e5;
    --color-text-primary: #0d47a1;
    --color-text-secondary: #1565c0;
    --color-text-light: #1976d2;
    --color-bg-light: #e3f2fd;
    --gradient-primary: linear-gradient(135deg, #0052cc 0%, #0a3dd5 100%);
    --gradient-accent: linear-gradient(135deg, #0d47a1 0%, #0052cc 100%);
}

/* TEMA VARYASYONLARI - GREEN */
body[data-theme="green"] {
    --color-primary: #1b5e20;
    --color-secondary: #2e7d32;
    --color-accent: #388e3c;
    --color-gold: #43a047;
    --color-text-primary: #1b5e20;
    --color-text-secondary: #2e7d32;
    --color-text-light: #558b2f;
    --color-bg-light: #e8f5e9;
    --gradient-primary: linear-gradient(135deg, #1b5e20 0%, #2e7d32 100%);
    --gradient-accent: linear-gradient(135deg, #388e3c 0%, #1b5e20 100%);
}