/* ========================================
   DOSYA: ./html/css/fonts.css
   PROJE: Ayan Dekorasyon
   TARİH: 2026-06-26
   AÇIKLAMA: Değişken font kütüphanesi + Fallback
   tek dosya, tüm ağırlıklar
   ======================================== */


/* 1. Pricedown - GTA Menü Fontu (Ana Başlık) */
@font-face {
  font-family: 'Pricedown';
  src: url('../fonts/Pricedown Bl.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* 2. Bangers - Patlayıcı, Çizgi Roman (Alt Başlık) */
@font-face {
  font-family: 'Bangers';
  src: url('../fonts/Bangers-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* 3. Oswald - Sağlam, Sokak Stili (Gövde) - DEĞİŞKEN */
@font-face {
  font-family: 'Oswald Variable';
  src: url('../fonts/Oswald-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 100 900;  /* Tüm ağırlıkları kapsar */
  font-style: normal;
  font-display: swap;
}

/* 4. Nunito - Yumuşak, Modern (Gövde/Yedek) - DEĞİŞKEN */
@font-face {
  font-family: 'Nunito Variable';
  src: url('../fonts/Nunito-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* 5. Nunito Italic - DEĞİŞKEN (İtalik stil) */
@font-face {
  font-family: 'Nunito Variable';
  src: url('../fonts/Nunito-Italic-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* 6. Fredoka - Yedek Display - DEĞİŞKEN */
@font-face {
  font-family: 'Fredoka Variable';
  src: url('../fonts/Fredoka-VariableFont_wdth,wght.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-stretch: 50% 150%;  /* Genişlik esnekliği */
  font-style: normal;
  font-display: swap;
}

/* ========================================
   FONT SINIFLARI (Tailwind ile Uyumlu)
   ======================================== */
.font-pricedown { 
  font-family: 'Pricedown', 'Bangers', cursive; 
}

.font-bangers { 
  font-family: 'Bangers', 'Pricedown', cursive; 
}

.font-oswald { 
  font-family: 'Oswald Variable', 'Oswald', 'Segoe UI', sans-serif; 
}

.font-nunito { 
  font-family: 'Nunito Variable', 'Nunito', 'Segoe UI', sans-serif; 
}

.font-fredoka { 
  font-family: 'Fredoka Variable', 'Fredoka One', 'Bangers', cursive; 
}
/* Eski tarayıcılar için geri dönüş (fallback) */
@supports not (font-variation-settings: normal) {
  @font-face {
    font-family: 'Oswald Fallback';
    src: url('../fonts/static/Oswald-Regular.ttf') format('truetype');
    font-weight: 400;
  }
  @font-face {
    font-family: 'Oswald Fallback';
    src: url('../fonts/static/Oswald-Bold.ttf') format('truetype');
    font-weight: 700;
  }
  .font-oswald {
    font-family: 'Oswald Fallback', sans-serif;
  }
}