:root {
  /* Renkler - Light Mode */
  --color-bg-primary: #FFFFFF;
  --color-bg-secondary: #F8FAFC;
  --color-bg-tertiary: #F1F5F9;
  --color-bg-card: #FFFFFF;
  --color-bg-card-hover: #F8FAFC;
  --color-bg-overlay: rgba(0, 0, 0, 0.5);
  --color-bg-glass: rgba(255, 255, 255, 0.7);
  
  --color-text-primary: #0F172A;
  --color-text-secondary: #475569;
  --color-text-tertiary: #94A3B8;
  --color-text-inverse: #FFFFFF;
  
  --color-brand-primary: #2563EB;
  --color-brand-primary-hover: #1D4ED8;
  --color-brand-secondary: #0EA5E9;
  --color-brand-gradient: linear-gradient(135deg, #2563EB 0%, #0EA5E9 100%);
  
  --color-border: #E2E8F0;
  --color-border-hover: #CBD5E1;
  
  /* Tipografi */
  --font-family: 'Inter', -apple-system, sans-serif;
  
  /* Radius & Gölgeler */
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.1);
  --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1);
  
  /* Geçişler */
  --transition-base: 250ms ease;
}

[data-theme='dark'] {
  --color-bg-primary: #0A0A0F;
  --color-bg-secondary: #12121A;
  --color-bg-tertiary: #1A1A2E;
  --color-bg-card: #12121A;
  --color-bg-card-hover: #1A1A2E;
  --color-bg-glass: rgba(18, 18, 26, 0.7);
  
  --color-text-primary: #E8E8ED;
  --color-text-secondary: #9CA3AF;
  --color-text-tertiary: #6B7280;
  
  --color-border: #1E293B;
  --color-border-hover: #334155;
}