/* =====================================================================
   BUSATOUR — DESIGN TOKENS (tokens.css)
   ---------------------------------------------------------------------
   TEK KAYNAK KURALI:
   Renk, font, boşluk, radius, gölge ve geçiş değerleri YALNIZCA burada
   tanımlanır. main.css ve gelecekteki tüm stiller bu değişkenleri
   kullanır; hiçbir bileşende ham hex/px sabitlenmez.

   Görsel dil: soft premium travel UI
   (krem zemin · derin petrol · terracotta vurgu · geniş nefes boşluğu)
   Siyah-kırmızı bilinçli olarak palet DIŞINDADIR.
   ===================================================================== */

:root {

	/* ── RENKLER ─────────────────────────────────────────────────── */
	--bt-bg:           #FAF7F2;  /* Sayfa zemini — kırık beyaz/krem    */
	--bt-surface:      #FFFFFF;  /* Kart ve panel zeminleri            */
	--bt-primary:      #0E4D5C;  /* Derin petrol — marka rengi         */
	--bt-primary-dark: #0A3A46;  /* Hover/koyu varyant                 */
	--bt-primary-soft: #E3EEF0;  /* Rozet ve yumuşak zeminler          */
	--bt-accent:       #E0823F;  /* Terracotta — fiyat & vurgu CTA     */
	--bt-accent-dark:  #C96E2F;  /* Accent hover                       */
	--bt-ink:          #21303A;  /* Ana metin                          */
	--bt-muted:        #6B7780;  /* İkincil/meta metin                 */
	--bt-border:       #E5DED4;  /* Çizgiler, kart kenarları           */
	--bt-whatsapp:     #1FAF55;  /* YALNIZCA WhatsApp butonlarında     */
	--bt-whatsapp-dark:#188A44;  /* WhatsApp hover                     */
	--bt-danger-soft:  #FCEAE4;  /* "Son Koltuklar" rozet zemini       */
	--bt-danger-ink:   #B4502E;  /* Danger rozet metni                 */
	--bt-success:      #2F8F62;  /* Onay/dahil işaretleri              */
	--bt-success-soft: #E2F1E9;  /* Onay rozet zeminleri               */
	--bt-accent-soft:  #FAE7D7;  /* Vurgu rozet/ikon zeminleri         */
	--bt-border-dark:  #CFC5B6;  /* Kesikli/koyu çizgiler              */

	/* ── TİPOGRAFİ ───────────────────────────────────────────────── */
	/* Self-host woff2 dosyaları sonraki aşamada eklenecek;
	   şimdilik sistem fallback'li stack tanımlı.                     */
	--bt-font-display: "Fraunces", Georgia, "Times New Roman", serif;
	--bt-font-body:    "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

	/* Tip skala — 1.25 oran, 16px taban */
	--bt-text-xs:   0.8rem;     /* 12.8px — rozet, mikro etiket       */
	--bt-text-sm:   0.875rem;   /* 14px   — meta, küçük buton         */
	--bt-text-base: 1rem;       /* 16px   — gövde                     */
	--bt-text-md:   1.25rem;    /* 20px   — kart başlığı              */
	--bt-text-lg:   1.5625rem;  /* 25px   — alt bölüm başlığı         */
	--bt-text-xl:   1.9375rem;  /* 31px   — bölüm başlığı             */
	--bt-text-2xl:  2.4375rem;  /* 39px   — sayfa başlığı             */
	--bt-text-3xl:  3.0625rem;  /* 49px   — hero (desktop)            */

	--bt-leading-tight:  1.15;
	--bt-leading-snug:   1.35;
	--bt-leading-normal: 1.6;

	/* ── SPACING — 8px taban skala ───────────────────────────────── */
	--bt-space-1:  0.25rem;  /*  4px */
	--bt-space-2:  0.5rem;   /*  8px */
	--bt-space-3:  0.75rem;  /* 12px */
	--bt-space-4:  1rem;     /* 16px */
	--bt-space-5:  1.5rem;   /* 24px */
	--bt-space-6:  2rem;     /* 32px */
	--bt-space-7:  3rem;     /* 48px */
	--bt-space-8:  4rem;     /* 64px */
	--bt-space-9:  6rem;     /* 96px */

	/* Section dikey ritmi (mobil değer; desktop main.css'te genişler) */
	--bt-section-y: var(--bt-space-7);

	/* ── RADIUS ──────────────────────────────────────────────────── */
	--bt-radius-sm:   8px;    /* Küçük öğeler                         */
	--bt-radius-md:   12px;   /* Buton, input                         */
	--bt-radius-lg:   20px;   /* Kartlar                              */
	--bt-radius-xl:   28px;   /* Büyük bantlar / kutular              */
	--bt-radius-pill: 999px;  /* Rozetler                             */

	/* ── SHADOW — tek katman, yumuşak, petrol tonlu ──────────────── */
	--bt-shadow-sm:    0 4px 14px rgba(14, 77, 92, 0.06);
	--bt-shadow-md:    0 8px 30px rgba(14, 77, 92, 0.08);
	--bt-shadow-lg:    0 14px 40px rgba(14, 77, 92, 0.14);

	/* ── LAYOUT ──────────────────────────────────────────────────── */
	--bt-container:       1200px;
	--bt-container-pad:   var(--bt-space-4);  /* Mobil yan boşluk     */
	--bt-header-height:   72px;

	/* ── TRANSITION ──────────────────────────────────────────────── */
	--bt-ease:        cubic-bezier(0.22, 0.61, 0.36, 1);
	--bt-duration:    220ms;
	--bt-transition:  var(--bt-duration) var(--bt-ease);
}

/* ── BREAKPOINT REFERANSI (yorum — CSS değişkeni media query'de
      kullanılamaz, main.css'te bu değerlerle min-width yazılır) ─────
      sm:  640px   — geniş telefon
      md:  768px   — tablet
      lg:  1024px  — küçük desktop / yatay tablet
      xl:  1280px  — desktop
   ────────────────────────────────────────────────────────────────── */

/* Hareket azaltma tercihi — tüm animasyonlar sakinleşir */
@media (prefers-reduced-motion: reduce) {
	:root {
		--bt-duration: 1ms;
	}
}

/* ════════════════════════ v1.2.0 — GRADIENT TOKENLARI ═════════════
   Placeholder sistemi için bölgesel gradient renk çiftleri.
   Ham hex yalnızca bu dosyada tanımlanır (token kuralı). */
:root {
	/* Balkan — petrol/derin teal */
	--bt-g-balkan-a: #0E4D5C;
	--bt-g-balkan-b: #19708A;

	/* Avrupa — gece mavisi/menekşe */
	--bt-g-avrupa-a: #2B3A67;
	--bt-g-avrupa-b: #5C6FA8;

	/* Orta Doğu / çöl — terracotta/kum */
	--bt-g-col-a: #B05A2B;
	--bt-g-col-b: #E0A35C;

	/* Uzak Doğu — derin yeşil/zümrüt */
	--bt-g-uzak-a: #1E5A4A;
	--bt-g-uzak-b: #3E8E7E;

	/* Deniz / gemi — okyanus mavisi/turkuaz */
	--bt-g-deniz-a: #0F5E7A;
	--bt-g-deniz-b: #3FA7C4;

	/* Nötr — marka petrol/mürekkep */
	--bt-g-notr-a: #21303A;
	--bt-g-notr-b: #0E4D5C;
}