/* =========================================================================
   Seyira — marka tokenleri
   Palet: AKDENİZ PETROLÜ (v3). Güven veren petrol, bağlantı teal'i ve
   yalnız sıcak vurgu anlarında kullanılan seyahat mercanı.

   Bu dosya markanın TEK doğruluk kaynağıdır: site, /brand kiti, teslimat
   PDF'i, e-posta ve sosyal kart hepsi buradan besleniyor.

   Kullanım: hiçbir yere ham hex/px yazma — daima var(--sy-*) çağır.
   Her renk çifti WCAG AA (metin 4.5:1, UI 3:1) hesaplanarak seçildi;
   scripts/audit_brand.py bunu her koşuda gerçek DOM üzerinde doğrular.
   ========================================================================= */

:root {
  /* --- çekirdek palet ---------------------------------------------------- */
  --sy-navy: #0B3B49;         /* Deep Petrol · Primary — koyu yüzey, hero/footer */
  --sy-ocean: #006D77;        /* Connection Teal · Secondary — etkileşimin sesi       */
  --sy-mint: #E76F51;         /* Travel Coral · Accent — yalnız vurgu,
                                 onay ve canlı sinyal anlarında kullanılır. */
  --sy-sky: #A9E5E2;          /* Signal Aqua · Support — koyu petrol üstünde       */
  --sy-warm-white: #F7FAF8;   /* Mist White · Bg      */
  --sy-white: #FFFFFF;        /* Pure White · Surface */
  --sy-charcoal: #14272D;     /* Night Ink · Text      */
  --sy-slate: #526A70;        /* Harbor Gray · Text 2   */

  /* --- destek tonları ----------------------------------------------------- */
  --sy-navy-2: #174955;       /* gradyan bitişi           */
  --sy-body: #365159;         /* gövde metni              */
  --sy-muted: #5B747A;        /* "why" notları, altbilgi  */
  --sy-border: #DDEAE8;       /* HER yerde kenarlık tonu  */
  --sy-border-soft: #EAF3F1;  /* ikon kutuları, ray dolgu */
  --sy-border-dashed: #C3D8D5;
  --sy-handle: #B8CFCC;       /* bottom sheet tutamağı    */
  --sy-canvas: #E7EFED;       /* kit panosunun zemini     */
  --sy-cyan-soft: #EEF5F3;    /* ::selection, Glass gradyanı */
  --sy-focus-ring: #D9EFEC;   /* odak halkası (teal %10)  */

  /* koyu mod yüzeyleri (kit §07 — canlı bağlantı paneli) */
  --sy-dark-bg: #062A34;
  --sy-dark-surface: #0A3540;
  --sy-dark-track: #10444E;
  --sy-dark-text: #F7FAF8;
  --sy-dark-muted: #A9C6C5;
  --sy-on-mint: #14272D;      /* Travel Coral dolgu üzerindeki metin */

  /* basılı/hover durumları */
  --sy-ocean-hover: #005A63;
  --sy-navy-hover: #124D5A;
  --sy-mint-hover: #F07D62;

  /* --- anlamsal renkler ---------------------------------------------------
     Durum renkleri marka tonlarından ayrıdır; anlam yine de hiçbir zaman
     yalnız renkle taşınmaz — daima ikon + metin kullanılır. */
  --sy-success: #2E7D53;       --sy-success-tint: #E9F5EE;  --sy-success-ink: #1B5E3A;
  --sy-warning: #B7791F;       --sy-warning-tint: #FDF3E3;  --sy-warning-ink: #8F6413;
  --sy-error: #8C1D18;         --sy-error-tint: #FBEAE9;    --sy-error-ink: #7A1712;

  /* --- hero perdesi ------------------------------------------------------
     Fotoğrafın üstünde metnin okunması için. Petrol tonunda (#062A34) —
     eski bordo palet kalıntısı rgba(33,4,7) buradan temizlendi. Sola doğru
     yoğun, sağa doğru açılır: metin solda, görsel sağda nefes alır. */
  --sy-scrim-strong: rgba(6, 42, 52, .88);
  --sy-scrim-mid: rgba(6, 42, 52, .54);
  --sy-scrim-soft: rgba(6, 42, 52, .10);
  --sy-scrim-base: rgba(6, 42, 52, .58);

  /* --- gradyanlar (kit: "use sparingly", yüzey başına bir tane) ---------- */
  --sy-grad-ocean: linear-gradient(135deg, var(--sy-navy), var(--sy-ocean));
  --sy-grad-aurora: linear-gradient(135deg, var(--sy-ocean), var(--sy-sky));
  --sy-grad-glass: linear-gradient(135deg, var(--sy-white), var(--sy-cyan-soft));

  /* --- tipografi: üç ses, dördüncü asla ---------------------------------- */
  --sy-font-display: "Instrument Serif", "Canela", Georgia, serif;
  /* Arayüz sesi Manrope. Inter bilinçli olarak terk edildi: kategorinin
     varsayılan fontu olduğu için siteyi rakiplerden ayırt edilemez kılıyordu.
     Manrope'un daha dar apeksleri ve açık terminalleri, aynı okunurlukta
     karakter veriyor. Türkçe glif seti tam (ş ğ ı İ ç ö ü). */
  --sy-font-ui: "Manrope", -apple-system, "Segoe UI", system-ui, sans-serif;
  --sy-font-data: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;

  /* --- 8pt ızgara: 4 8 12 16 24 32 40 48 64 80 96 ----------------------- */
  --sy-space-1: 4px;
  --sy-space-2: 8px;
  --sy-space-3: 12px;
  --sy-space-4: 16px;
  --sy-space-6: 24px;
  --sy-space-8: 32px;
  --sy-space-10: 40px;
  --sy-space-12: 48px;
  --sy-space-16: 64px;
  --sy-space-20: 80px;
  --sy-space-24: 96px;

  /* --- yarıçap ölçeği (kit §12) ------------------------------------------ */
  --sy-radius-xs: 8px;    /* çipler, küçük etiketler   */
  --sy-radius-sm: 12px;   /* butonlar, inputlar        */
  --sy-radius-md: 18px;   /* kartlar                   */
  --sy-radius-lg: 24px;   /* bottom sheet, dialog      */
  --sy-radius-xl: 32px;   /* hero yüzeyleri            */
  --sy-radius-pill: 999px;

  /* --- yükseklik basamakları (kit §12) ----------------------------------- */
  --sy-elev-1: 0 2px 8px rgba(11, 59, 73, .07);    /* duran kart      */
  --sy-elev-2: 0 8px 24px rgba(11, 59, 73, .11);   /* seçili kart     */
  --sy-elev-3: 0 16px 48px rgba(11, 59, 73, .15);  /* dialog          */
  --sy-elev-sheet: 0 -8px 32px rgba(11, 59, 73, .09);

  /* --- hareket (kit §10) — anlamlı, asla dekoratif ----------------------- */
  /* Süreler design-craft böl. 3.C sınırında: UI hareketi < 300ms. 300ms
     tam sınırdaydı ve yavaş hissettiriyordu; 240ms'e çekildi. */
  --sy-dur-tap: 140ms;      /* buton basma geri bildirimi */
  --sy-dur-fast: 180ms;     /* hover, kart yükselmesi     */
  --sy-dur: 240ms;          /* açılır içerik, durum       */
  --sy-dur-slow: 400ms;     /* yalnız pazarlama/açıklayıcı — UI'da kullanma */
  --sy-ease: cubic-bezier(.23, 1, .32, 1);          /* ease-out — varsayılan */
  --sy-ease-in-out: cubic-bezier(.77, 0, .175, 1);  /* ekranda hareket/morph */
  --sy-spring: cubic-bezier(.34, 1.56, .64, 1);     /* spring(300,30) */

  /* --- kontrol ölçüleri --------------------------------------------------- */
  --sy-control-h: 52px;     /* birincil buton/input */
  --sy-control-h-sm: 46px;
  --sy-tap-min: 44px;       /* erişilebilirlik tabanı */
}