/* ============================================================
   DOĞU VİNÇ GAZİANTEP — TASARIM TOKEN'LARI
   Kaynak: rigrent-kit/templates/global.json → page_settings
   Brief §6 · Çelişki kuralı (§5.2): tasarım değerlerinde manifest esastır.
   Bu dosyadaki hiçbir değer tahmin değildir; hepsi kit'ten okundu.
   ============================================================ */

:root {
  /* --- Renk: kit system_colors --- */
  --dv-accent:        #FFB800;  /* Primary  — vurgu, buton, sayı, link hover */
  --dv-dark:          #060608;  /* Secondary — en koyu zemin, footer, header */
  --dv-muted:         #A0A0A5;  /* Text     — gövde metni, açıklama */
  --dv-text:          #FFFFFF;  /* Accent   — başlık, birincil metin */

  /* --- Renk: kit custom_colors --- */
  --dv-border:        #FFFFFF1A;  /* Border      — kart ve ayraç çizgileri */
  --dv-border-accent: #FFB80033;  /* Border 2    — etiket rozeti kenarı */
  --dv-bg:            #0D0D11;    /* BG Dark     — ana sayfa zemini */
  --dv-card:          #1E1E2499;  /* BG Card     — kart zemini (yarı saydam) */
  --dv-glow:          #FFB80012;  /* BG Radial   — amber atmosfer ışığı */
  --dv-glow-warm:     #FF6B0026;  /* BG Radial 2 — turuncu atmosfer ışığı */

  /* --- Türetilmiş: kit paletinden hesaplandı, yeni renk değil --- */
  --dv-accent-hover:  #FFC933;
  --dv-card-solid:    #131318;
  --dv-card-hover:    #1E1E24;
  --dv-dark-alt:      #08080B;

  /* --- Tipografi ailesi ---
     Kit iki aile kullanıyor: başlıkta Outfit, gövdede Inter. Müşteri tek
     aile istedi — Inter kaldırıldı, gövde de Outfit'e bağlandı. Böylece
     ikinci bir font dosyası indirilmiyor.
     `--dv-font-body` takma ad olarak duruyor: main.css'te "burası gövde
     metni" niyetini taşıyan üç kullanım var, tek satırdan geri alınabilsin.
     NOT: Bu font Gilroy DEĞİL. Gilroy ticari lisanslı, kit'te de yok;
     Outfit ona en yakın ücretsiz geometrik sans. Lisans alınırsa yalnızca
     bu iki satır ve layout.html'deki <link> değişir. */
  --dv-font-display: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;
  --dv-font-body:    var(--dv-font-display);

  /* --- Tipografi ölçeği: kit system_typography + custom_typography ---
     Kit sabit px veriyor (masaüstü / tablet / mobil).
     Burada clamp() ile aynı üç değeri kapsayan akışkan eğriye çevrildi;
     uç noktalar kit değerleriyle birebir aynı. */
  --dv-h1:     clamp(45px, 5.6vw, 80px);   /* 80 / 65 / 45 · w700 · lh1.1 · ls0.5 */
  --dv-h2:     clamp(38px, 3.9vw, 55px);   /* 55 / 50 / 38 · w700 · lh1.1 */
  --dv-h3:     clamp(25px, 2.8vw, 40px);   /* 40 / 26 / 25 · w600 · lh1.2 */
  --dv-h4:     clamp(22px, 2.1vw, 30px);   /* 30 / 25 / 22 · w600 · lh1.2 */
  --dv-h5:     clamp(18px, 1.7vw, 24px);   /* 24 / 20 / 18 · w500 · lh1.2 */
  --dv-h6:     17px;                       /* 17 / – / 16  · w400 · lh1.2 */
  --dv-body:   16px;                       /* 16 sabit · w400 · lh1.6 */
  --dv-small:  14px;
  --dv-label:  13px;

  --dv-lh-tight: 1.1;
  --dv-lh-head:  1.2;
  --dv-lh-body:  1.6;
  --dv-ls-h1:    0.5px;

  --dv-w-regular: 400;
  --dv-w-medium:  500;
  --dv-w-semi:    600;
  --dv-w-bold:    700;

  /* --- Yarıçap: kit button_border_radius / image_border_radius --- */
  --dv-radius-btn:   5px;
  --dv-radius-cta:   7px;   /* header.json jkit_button st_border_normal_border_radius */
  --dv-radius-card: 15px;
  --dv-radius-img:  15px;
  --dv-radius-pill: 999px;

  /* --- Header: kit header.json --- */
  --dv-header-h: 75px;   /* iç satır min_height; dış kap margin-bottom: -75 */

  /* İç sayfa hero'sunun dikey çizgi bindirmesi (header-vertical-lines.png).
     Görselin kendisi değil, ölçüsü alındı: 2968×1660, 1 px çizgiler
     %2.695 / %34.232 / %65.768 / %97.305'te, renk #6A1E0E, opaklık 0.3.
     Aynı geometri SVG olarak yeniden kuruldu — 22 KB PNG yerine ~0.3 KB. */
  --dv-hero-line: #6A1E0E;

  /* --- Boşluk: kit button_padding 15/30 tabanlı 4px ızgara --- */
  --dv-space-1:  4px;
  --dv-space-2:  8px;
  --dv-space-3:  12px;
  --dv-space-4:  16px;
  --dv-space-5:  20px;
  --dv-space-6:  24px;
  --dv-space-8:  32px;
  --dv-space-10: 40px;
  --dv-space-12: 48px;
  --dv-space-16: 64px;
  --dv-space-20: 80px;

  --dv-btn-py: 15px;
  --dv-btn-px: 30px;

  /* Bölüm nefesi — ekran görüntüsündeki dikey ritim */
  --dv-section-y: clamp(64px, 8vw, 120px);
  --dv-container: 1290px;
  --dv-gutter:    clamp(16px, 4vw, 40px);

  /* --- Hareket --- */
  --dv-dur-fast:   150ms;
  --dv-dur-normal: 300ms;
  --dv-dur-slow:   600ms;
  --dv-ease:       cubic-bezier(0.16, 1, 0.3, 1);

  /* --- Katman ---
     Çekmece ve perdesi header'ın KENDİ yığın bağlamının içinde duruyor
     (ikisi de <header> altında). Header 200'de olduğu için ikisi de alttaki
     sabit bardan (100) yukarıda kalıyor; aralarındaki sıra da bu iki
     değerle çözülüyor. */
  --dv-z-glow:    0;
  --dv-z-base:    1;
  --dv-z-sticky: 100;
  --dv-z-header: 200;
  --dv-z-perde:  250;
  --dv-z-cekmece: 251;
}

/* Kit tek temalıdır — koyu endüstriyel. Açık tema varyantı yok,
   bu bilinçli bir karar (brief §6: "koyu endüstriyel zemin"). */
