/* =========================================================
   DISCOVER EDIRNE — Tasarım değişkenleri (tokens) · discoveredirne.com
   Görsel DNA: "Kemer" — Selimiye ve Ali Paşa Çarşısı'nın sivri/yuvarlak
   kemerleri. Kemer formu fotoğraf maskelerinde, marka işaretinde ve
   eyebrow işaretinde tekrar eder. Sıcak kırık beyaz kâğıt zemin,
   koyu petrol yeşili, sınırlı terracotta (çini kırmızısı) ve pirinç.
   Yazı: Piazzolla (serif, opsz) + Commissioner (sans) + IBM Plex Mono —
   üçü de Latin genişletilmiş, Kiril ve Yunan alfabesini destekler.
   Laravel: resources/css/tokens.css
   ========================================================= */
@import url("https://fonts.googleapis.com/css2?family=Piazzolla:opsz,wght@8..30,300..700&family=Commissioner:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap&subset=latin-ext,cyrillic,greek");

:root{
  /* ---- yüzeyler ---- */
  --bg:#F7F2EA;          /* kâğıt — sıcak kırık beyaz */
  --stone:#EFE7DA;       /* kum taşı: alternatif bölüm */
  --stone-2:#E4D9C7;     /* iskelet, yer tutucu çizgi */
  --white:#FFFDF9;       /* kart, girdi (saf beyaz değil) */
  --line:#DCD0BD;
  --line-soft:#E9E0D1;
  --input-line:#C7B9A3;

  /* ---- mürekkep (yeşile çalan antrasit) ---- */
  --ink:#1D2624;
  --ink-2:#44504D;
  --muted:#6B726C;

  /* ---- marka: petrol ---- */
  --petrol:#0F4C55;        /* birincil CTA, seçili, aktif — 9.6:1 */
  --petrol-hover:#0A3A41;
  --petrol-deep:#08333A;
  --petrol-tint:#E1ECEA;
  --petrol-line:#AFCBC7;

  /* ---- resmi logo renkleri (assets/brand) ---- */
  --logo-green:#1E4D44;    /* kubbe + minareler, "Edirne" */
  --logo-river:#22706E;    /* Meriç / Tunca dalgaları */
  --logo-terra:#C2593A;    /* alt dalga, "DISCOVER" */
  --logo-door:#F4E7C9;     /* kapı ışığı */

  /* ---- vurgular (seyrek) ---- */
  --terra:#B04A26;         /* çini kırmızısı: lezzet, sayılar, dikkat */
  --terra-tint:#F7E4DA;
  --brass:#83621F;         /* pirinç metin — 5.2:1 */
  --brass-soft:#C9A257;    /* pirinç çizgi, kubbe noktası */
  --brass-tint:#F4EAD4;

  /* ---- kategori (pin + kart etiketi) ---- */
  --c-place:var(--petrol);   /* tarihi yer — kemer pin */
  --c-food:var(--terra);     /* lezzet — daire pin */
  --c-biz:var(--brass);      /* esnaf/ürün — elmas pin */
  --c-hotel:var(--ink);      /* otel — H etiketli kare */

  /* ---- anlamsal ---- */
  --ok:#2C6B4C; --err:#B3261E; --err-bg:#FFF6F4;
  --open:#2C6B4C; --closed:#9A3B24;
  --alert-demo-bg:#FBF2DF; --alert-demo-line:#E6CF9E; --alert-demo-fg:#5A4413;
  --alert-err-bg:#FCEEEC;  --alert-err-line:#EBBDB7;  --alert-err-fg:#7A1B14;
  --alert-ok-bg:#EAF4EE;   --alert-ok-line:#B8D5C4;   --alert-ok-fg:#1C4733;
  --alert-info-bg:#E8F1F0; --alert-info-line:#BCD3D0; --alert-info-fg:#0E3E45;

  /* ---- koyu ---- */
  --dark-bg:#0B3A40;
  --dark-fg:#EEE8DD; --dark-muted:#9DB3B0; --dark-sub:#C9D4D1; --dark-line:rgba(255,255,255,.13);

  /* ---- örtüler ---- */
  --hdr-glass:rgba(247,242,234,.92);
  --bn-glass:rgba(247,242,234,.96);
  --frost:rgba(255,253,249,.88);
  --scrim:rgba(14,22,21,.48);
  --photo-grad:linear-gradient(to top,rgba(12,22,21,.72),rgba(12,22,21,0) 70%);

  /* ---- yazı aileleri ---- */
  --serif:"Piazzolla", Georgia, serif;
  --sans:"Commissioner", "Segoe UI", system-ui, sans-serif;
  --mono:"IBM Plex Mono", ui-monospace, monospace;

  /* ---- boşluk (4 taban) ---- */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px; --s8:32px; --s10:40px; --s12:48px; --s16:64px;

  /* ---- köşe + gölge ---- */
  --r:8px;               /* buton, girdi */
  --r-card:12px;         /* kart, panel, modal */
  --r-pill:999px;        /* çip, rozet, sekme göstergesi */
  --r-arch:var(--r-card); /* kemer maskesi kaldırıldı — fotoğraflar düz 12px köşe */
  --r-panel-sm:8px; --r-panel-lg:12px;
  --sh-1:0 1px 2px rgba(29,38,36,.06),0 2px 8px rgba(29,38,36,.05);
  --sh-2:0 6px 24px rgba(29,38,36,.12),0 2px 6px rgba(29,38,36,.06);

  /* ---- düzen ---- */
  --wrap:1320px;
  --gut:clamp(20px,4vw,48px);
  --hdr:76px;
  --bn-h:0px;
  --sec:clamp(56px,8vw,112px);
  --sec-tight:clamp(40px,5vw,72px);
  --ease:cubic-bezier(.2,.7,.2,1);
}