/*
 * Ayhan Steel - Design Tokens & Variables (Tasarım Sistemi)
 * Bu dosya sitenin renk paletini, tipografisini ve temel tasarım değişkenlerini belirler.
 */

:root {
  /* Renk Paleti - Premium Çelik ve Isıl İşlem Teması */
  --primary-color: #12156d;      /* Kurumsal Koyu Mavi (Logodaki Mavi) */
  --primary-dark: #0a0b3f;       /* Çok Koyu Mavi / Gece Mavisi */
  --primary-light: #2c31ab;      /* Parlak Koyu Mavi */
  
  --secondary-color: #2b2d42;    /* Endüstriyel Koyu Gri */
  --secondary-light: #8d99ae;    /* Metalik Gümüş Gri */
  
  --accent-color: #e6aa21;       /* Logodaki Premium Altın Rengi / Gold Accent */
  --accent-orange: #e6aa21;      /* Sıcak Çelik / Turuncu Akkor yerine Gold */
  --accent-hover: #c5921a;       /* Koyu Altın */
  
  --bg-light: #f8fafc;           /* Yumuşak Beyaz Arka Plan */
  --bg-white: #ffffff;           /* Saf Beyaz */
  --bg-dark: #0f172a;            /* Premium Koyu Mod Arka Planı (Footer vs) */
  --bg-darker: #020617;          /* En Koyu Ton */
  
  /* Metin Renkleri */
  --text-dark: #0f172a;          /* Koyu Başlıklar */
  --text-body: #334155;          /* Okunabilir Gövde Metni */
  --text-muted: #64748b;         /* Yardımcı Silik Metin */
  --text-light: #f8fafc;         /* Açık Arka Plan Üzeri Metin */
  
  /* Border ve Gölgeler */
  --border-color: #e2e8f0;       /* Standart Çizgi Rengi */
  --border-light: #f1f5f9;       /* İnce Çizgi Rengi */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04);
  --shadow-premium: 0 20px 25px -5px rgba(18, 21, 109, 0.05), 0 8px 10px -6px rgba(18, 21, 109, 0.03);
  --shadow-glow: 0 0 20px rgba(230, 170, 33, 0.2);
  
  /* Tipografi */
  --font-heading: 'Roboto Condensed', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-body: 'Open Sans', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  
  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 9999px;
  
  /* Transition / Animasyon Geçişleri */
  --transition-fast: 0.2s 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);
  
  /* Maksimum Genişlik (Grid Container) */
  --max-width: 1200px;
}

/* Karanlık Mod Tercihleri ve Renk Tanımları - Geleceğe Yatırım */
[data-theme="dark"] {
  --bg-light: #0b0f19;
  --bg-white: #111827;
  --text-dark: #f8fafc;
  --text-body: #cbd5e1;
  --border-color: #374151;
  --border-light: #1f2937;
}