/* ====================================================================
   URETILMIS DOSYA - ELLE DUZENLEME.

   Kaynak : lib/core/theme/app_colors.dart
            lib/core/theme/app_dimens.dart
            lib/core/theme/app_typography.dart
   Uretim : flutter test test/site_uret.dart

   Buradaki her deger PATRONUZ mobil
   uygulamasinin FIILEN kullandigi degerdir. Elle
   degistirilirse site ile uygulama AYRISIR ve bir
   sonraki uretimde degisiklik kaybolur.
   ==================================================================== */

/* Yazi tipleri - ikisi de SIL OFL 1.1, ticari kullanima acik.
   Lisans metinleri fonts/ klasorunde birlikte durur. */
@font-face {
  font-family: 'Lora';
  src: url('fonts/Lora-Variable.ttf') format('truetype-variations');
  font-weight: 400 700;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter-Variable.ttf') format('truetype-variations');
  font-weight: 400 700;
  font-display: swap;
}

:root {
  /* --- Renkler (piksel ornekleme ile referans gorselden) --- */
  --renk-zemin: #0A0D10;  /* sayfa zemini */
  --renk-yuzey: #101419;  /* kart */
  --renk-yuzey-cukur: #0B0E12;
  --renk-yuzey-kutucuk: #151515;  /* kategori/ekonomi kutucugu */
  --renk-yuzey-menu: #0A0E11;
  --renk-yuzey-sicak: #1B1813;

  --renk-altin-koyu: #B58B48;
  --renk-altin: #D4B272;
  --renk-altin-acik: #EFD197;
  --renk-altin-yazi: #E3C58C;
  --renk-altin-fiyat: #CAA666;
  --renk-altin-rozet: #B98E48;  /* ONE CIKAN rozeti - degrade DEGIL */

  --renk-yazi: #FFFFFF;
  --renk-yazi-ikincil: #9DA0A0;
  --renk-yazi-soluk: #70757A;
  --renk-yazi-soluk-kucuk: #787D82;  /* WCAG AA - 12 punto alti */
  --renk-yazi-altin-uzeri: #14100A;

  --renk-cerceve: #FFFFFF1A;
  --renk-cerceve-altin: #D0AA6A3D;
  --renk-ayirici: #FFFFFF14;

  --renk-bilgi: #4AA8FF;
  --renk-basari: #4CAF7D;
  --renk-uyari: #E0A951;
  --renk-tehlike: #E05C4B;

  /* Altin degrade: TAM YATAY (11 noktadan tarandi,
     dikeyde degisim yok). */
  --altin-degrade: linear-gradient(90deg, #B58B48, #D4B272, #EFD197);

  /* Hero fotografinin karartmalari - uygulamadakiyle ayni
     (sol-alt koyu, sag-ust acik; alt kenar zemine erir). */
  --hero-karartma: linear-gradient(to top right, #0A0D10F2 0%, #0A0D10C7 35%, #0A0D1066 68%, #0A0D101A 100%);
  --hero-alt-gecis: linear-gradient(to bottom, #0A0D1000, #0A0D10);

  /* --- Olculer --- */
  --bosluk-2: 2px;
  --bosluk-4: 4px;
  --bosluk-6: 6px;
  --bosluk-8: 8px;
  --bosluk-10: 10px;
  --bosluk-12: 12px;
  --bosluk-16: 16px;
  --bosluk-20: 20px;
  --bosluk-24: 24px;
  --bosluk-28: 28px;
  --bosluk-32: 32px;

  --sayfa-kenari: 20px;
  --kose-cip: 6px;
  --kose-dugme: 12px;
  --kose-kutucuk: 14px;
  --kose-kart: 16px;
  --kose-hap: 999px;

  --cizgi: 1px;
  --en-kucuk-dokunma: 48px;
  --dugme-yuksekligi: 48px;
  --kutucuk-boyu: 64px;
  --kategori-ikon: 28px;
  --marka-logo: 38px;
  --ekonomi-kutucuk-eni: 108px;
  --ekonomi-kutucuk-boyu: 72px;
}

/* --- Punto belirtecleri ---
   Puntolar tahmin DEGIL: referanstaki metinlerin piksel
   genisligi olculup gercek font dosyasiyla ikili aramayla
   cozuldu. Ilk yazilanlar %15 buyuktu. */
.y-hero-baslik {
  font-family: 'Lora', Georgia, serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.15;
  color: #FFFFFF;
}
.y-hero-alt {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.5;
  color: #9DA0A0;
}
.y-marka-buyuk {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: 1.6px;
  color: #FFFFFF;
}
.y-marka-alt {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 2.4px;
  color: #9DA0A0;
}
.y-bolum-baslik {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  color: #FFFFFF;
}
.y-bolum-baglanti {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  color: #E3C58C;
}
.y-ekran-baslik {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.2;
  color: #FFFFFF;
}
.y-kart-baslik {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
  color: #FFFFFF;
}
.y-kart-meta {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 9.5px;
  font-weight: 400;
  line-height: 1.3;
  color: #9DA0A0;
}
.y-fiyat {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  color: #CAA666;
}
.y-rozet {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.4px;
  color: #14100A;
}
.y-deger {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  color: #FFFFFF;
}
.y-etiket {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.3;
  color: #9DA0A0;
}
.y-govde {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  color: #9DA0A0;
}
.y-govde-kalin {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  color: #FFFFFF;
}
.y-dipnot {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  color: #787D82;
}
.y-kutucuk-meta {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.2;
  color: #787D82;
}
.y-dugme {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.9px;
  color: #14100A;
}
.y-menu {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  color: #FFFFFF;
}