/*
 * TASARIM TOKENLARI — ÜRETİLMİŞ DOSYA, ELLE DÜZENLEME
 *
 * Kaynak: `assets/tokens/*.css` (Claude Design'daki yourholidaygpt-design
 * tasarım sisteminden birebir alındı). Bu dosya onların birleşimi.
 *
 * ═══ NEDEN BİRLEŞİK ═══
 * Bu depoda derleme adımı YOK (`publish = "."`). Yedi ayrı dosyayı
 * `@import` ile zincirlemek her sayfaya fazladan gidiş-dönüş ekler;
 * yedisini ayrı `<link>` ile bağlamak da aynı şey. Birleşik dosya tek
 * istek, kaynak dosyalar okunabilir kalıyor.
 *
 * ═══ YENİDEN ÜRETME ═══
 *   node araclar/token-birlestir.mjs
 * Bir test bu dosyanın kaynaklarla eşleştiğini kontrol ediyor; elle
 * düzenlersen test düşer.
 *
 * ═══ TOKEN ADLARI DEĞİŞTİRİLMEZ ═══
 * Tasarım sistemindeki bütün bileşen sözleşmeleri (.d.ts, .prompt.md)
 * bu adlara dayanıyor. Değer değiştirmek serbest, AD değiştirmek değil.
 */

/* ───────── kaynak: assets/tokens/fonts.css ───────── */
/* Webfontlar Google Fonts'tan yüklenir; depoda font dosyası yok.
   Manrope = arayüz, Playfair Display = editoryal başlık,
   Inter = v645+ vitrin bölümleri. */
:root{
  --font-arayuz:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-baslik:"Playfair Display",Georgia,serif;
  --font-vitrin:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}

/* ───────── kaynak: assets/tokens/colors.css ───────── */
/* ═══ RENK ═══
   Değerler yourholidaygpt.com deposundan ÖLÇÜLEREK alındı
   (assets/destination-theme.css v713–v718, assets/styles.css,
   assets/seyahat-chat.css). Yuvarlanmadı. */
:root{
  /* Marka — turkuaz→mavi gradyan ekseni */
  --ytg-turkuaz:#12B8B2;
  --ytg-turkuaz-koyu:#087E86;
  --ytg-turkuaz-yazi:#0E7C78;      /* beyaz üstünde okunur turkuaz */
  --ytg-turkuaz-yumusak:#E8F7F6;
  --ytg-mavi:#168FD3;
  --ytg-mavi-koyu:#0B5DA8;
  --ytg-mavi-yumusak:#EDF7FF;
  --ytg-turkuaz-parlak:#36E0DE;    /* logo gradyanının üst tonu */
  --ytg-mavi-orta:#18AECF;

  /* Turuncu — eski arayüz vurgusu; bugün yalnız araç/eSIM harici
     eylemlerde ve sohbet gönder düğmesinde. */
  --ytg-turuncu:#ff6337;
  --ytg-turuncu-acik:#ff8a3d;
  /* Beyaz üstünde YAZI için: #ff6337 sıcak ama kontrastı düşük ve
     göz yoruyor. Depoda ölçülmüş okunur tonlar bunlar. */
  --ytg-turuncu-yazi:#e04412;
  --ytg-turuncu-yazi-koyu:#cc3c0e;
  --ytg-turuncu-yumusak:#fff4ef;

  /* Mürekkep ve nötr */
  --ytg-siyah:#031122;             /* fiyat, en koyu yazı */
  --ytg-ink:#1E3A49;               /* kart başlığı, gövde */
  --ytg-ink-2:#173046;             /* vitrin başlıkları */
  --ytg-ink-derin:#17233c;         /* sohbet mürekkebi */
  --ytg-lacivert:#102a43;
  --ytg-soluk:#7B8B9A;             /* ikincil metin */
  --ytg-soluk-2:#687d8d;
  --ytg-cizgi:#dce8ed;
  --ytg-cizgi-acik:#E6EDF2;
  --ytg-zemin:#F8FBFC;
  --ytg-beyaz:#ffffff;

  /* Sağlayıcı renkleri (ortak markalarından ölçüldü) */
  --ytg-viator:#186c6c;
  --ytg-viator-koyu:#125555;
  --ytg-tiqets:#48c2c5;

  /* Durum */
  --ytg-iyi:#15803d;
  --ytg-uyari:#b45309;
  --ytg-hata:#a33a1c;
  --ytg-hata-zemin:#fff5f1;
  --ytg-hata-cizgi:#ffd2c6;

  /* Gradyanlar */
  --ytg-gradyan-marka:linear-gradient(135deg,#12B8B2,#168FD3); /* @kind color */
  --ytg-gradyan-logo:linear-gradient(180deg,#36E0DE 0%,#18AECF 45%,#0B5DA8 100%); /* @kind color */
  --ytg-gradyan-turuncu:linear-gradient(135deg,#ff8a3d,#ff6337); /* @kind color */
  --ytg-gradyan-koruma:linear-gradient(180deg,transparent 42%,rgba(9,24,36,.84) 100%); /* @kind color */

  /* ── Anlamsal takma adlar ── */
  --text-baslik:var(--ytg-ink);
  --text-govde:var(--ytg-ink);
  --text-soluk:var(--ytg-soluk);
  --text-vurgu:var(--ytg-turkuaz-yazi);
  --text-fiyat:var(--ytg-turuncu-yazi);
  --surface-sayfa:var(--ytg-beyaz);
  --surface-kart:var(--ytg-beyaz);
  --surface-yumusak:var(--ytg-turkuaz-yumusak);
  --surface-gorsel:var(--ytg-cizgi-acik);
  --border-ince:rgba(30,58,73,.10);
  --border-marka:rgba(18,184,178,.35);
}

/* ───────── kaynak: assets/tokens/typography.css ───────── */
/* ═══ TİPOGRAFİ ═══
   Üç aile, üç iş. Ölçüler depodan; ondalıklı boyutlar (12.5, 13.5)
   yuvarlanmadan taşındı. */
:root{
  --tip-h1-editoryal:800 clamp(36px,8vw,68px)/.98 var(--font-baslik); /* @kind font */
  --tip-h2-editoryal:800 32px/1 var(--font-baslik); /* @kind font */
  --tip-h1-vitrin:700 clamp(28px,4vw,43px)/1 var(--font-vitrin); /* @kind font */
  --tip-bolum-baslik:700 21px/1.2 var(--font-arayuz); /* @kind font */
  --tip-kart-baslik:700 15px/1.3 var(--font-arayuz); /* @kind font */
  --tip-govde:400 15px/1.72 var(--font-arayuz); /* @kind font */
  --tip-kucuk:400 12.5px/1.45 var(--font-arayuz); /* @kind font */
  --tip-cip:600 13.5px/1 var(--font-arayuz); /* @kind font */
  --tip-fiyat:800 16px/1.2 var(--font-arayuz); /* @kind font */
  --tip-kicker:700 12px/1 var(--font-arayuz); /* @kind font */

  --harf-baslik:-.04em; /* @kind font */      /* editoryal başlık */
  --harf-vitrin:-.045em; /* @kind font */
  --harf-kart:-.02em; /* @kind font */
  --harf-kicker:.12em; /* @kind font */       /* kicker: aralık AÇILIR */

  --agirlik-normal:400; /* @kind font */
  --agirlik-orta:600; /* @kind font */
  --agirlik-kalin:700; /* @kind font */
  --agirlik-cok-kalin:800; /* @kind font */
  --agirlik-marka:900; /* @kind font */
}

/* ───────── kaynak: assets/tokens/spacing.css ───────── */
/* ═══ BOŞLUK ═══
   Mobil öncelikli: sayfa yan payı 16px, kart içi 14px, dikey ritim 9px.
   4/8 ızgarasına ZORLANMADI — depodaki gerçek değerler. */
:root{
  --bosluk-1:2px;
  --bosluk-2:6px;
  --bosluk-3:8px;
  --bosluk-ritim:9px;      /* kart içi dikey ritim */
  --bosluk-4:12px;         /* şerit aralığı, ızgara aralığı */
  --bosluk-kart:14px;      /* kart iç dolgusu */
  --bosluk-sayfa:16px;     /* mobil yan pay */
  --bosluk-5:18px;
  --bosluk-6:26px;         /* bölümler arası */
  --bosluk-7:38px;

  --kap-genis:min(1180px,calc(100% - 44px)); /* @kind spacing */
  --kap-sohbet:min(960px,100%); /* @kind spacing */
  --kart-genislik-mobil:78%; /* @kind spacing */   /* şerittteki kart */
  --kart-genislik-max:320px; /* @kind spacing */
  --dokunma-hedefi:44px; /* @kind spacing */
}

/* ───────── kaynak: assets/tokens/radius.css ───────── */
/* ═══ KÖŞE ═══
   Kart 18px, içindeki görsel 17px (1px iç fark kenarı temiz tutuyor).
   Rozet/çip/düğme tam kapsül. */
:root{
  --kose-kucuk:8px;
  --kose-orta:12px;
  --kose-kart-gorsel:17px;
  --kose-kart:18px;
  --kose-buyuk:20px;
  --kose-panel:22px;
  --kose-cok-buyuk:28px;
  --kose-kapsul:999px;
  --kose-balon:22px 22px 6px 22px; /* @kind radius */  /* kullanıcı sohbet balonu */
}

/* ───────── kaynak: assets/tokens/elevation.css ───────── */
/* ═══ GÖLGE ═══
   İki katmanlı: 1px sıkı temas + geniş yumuşak yayılım.
   Renk hep mürekkepten türetilir, siyah değil. */
:root{
  --golge-kart:0 1px 2px rgba(3,17,34,.05),0 6px 18px rgba(3,17,34,.06);
  --golge-kart-hover:0 2px 4px rgba(3,17,34,.06),0 12px 28px rgba(3,17,34,.10);
  --golge-yukselen:0 12px 24px rgba(3,17,34,.12);
  --golge-panel:0 18px 52px rgba(23,35,60,.12);
  --golge-sayac:0 2px 6px rgba(3,17,34,.12);
  --golge-marka:0 8px 20px rgba(21,151,212,.24);
  --golge-turuncu:0 8px 20px rgba(255,100,55,.25);
  --cizgi-ic:inset 0 0 0 1px rgba(30,58,73,.10); /* @kind shadow */
  --cizgi-ic-marka:inset 0 0 0 1px rgba(18,184,178,.45); /* @kind shadow */
  --bulanik-bar:blur(18px); /* @kind other */
}

/* ───────── kaynak: assets/tokens/motion.css ───────── */
/* ═══ HAREKET ═══
   Kısa ve sakin. Basma geri bildirimi ÖLÇEK küçültme (mobilde
   "tıkladım mı" belirsizliğini kaldırır), üstüne gelme YÜKSELTME.
   prefers-reduced-motion'da hepsi kapanır. */
:root{
  --sure-hizli:.14s; /* @kind other */
  --sure-normal:.16s; /* @kind other */
  --sure-yumusak:.2s; /* @kind other */
  --gecis-kart:transform .16s ease,box-shadow .16s ease; /* @kind other */
  --gecis-cip:transform .14s ease,box-shadow .14s ease; /* @kind other */
  --basma-olcek:scale(.985); /* @kind other */
  --basma-olcek-cip:scale(.96); /* @kind other */
  --hover-yukselme:translateY(-3px); /* @kind other */
  --parilti-sure:1.4s; /* @kind other */
}
@media(prefers-reduced-motion:reduce){
  :root{
    --gecis-kart:none; /* @kind other */
    --gecis-cip:none; /* @kind other */
    --basma-olcek:none; /* @kind other */
    --basma-olcek-cip:none; /* @kind other */
    --hover-yukselme:none; /* @kind other */
  }
}