/* ============================================================================
   DİNÇ GRUP — YENİ TEMA v2  |  TASARIM TOKENLARI (tek merkez)
   ----------------------------------------------------------------------------
   Renk, tipografi, boşluk, gölge, yumuşaklık burada tanımlanır. Bileşen CSS'i
   (v2.css) ve view'lar SADECE bu değişkenleri kullanır -> kimlik tek yerden
   değişir. suffolk.com'un mavisi KULLANILMAZ; ana renk Dinç Grup kırmızısı.
   Referans: suffolk.com (yapı/his) — kod bizim, birebir kopya değil.
   ============================================================================ */

:root {
    /* --- MARKA RENGİ (Dinç Grup logo kırmızısı) --- */
    --marka: #D23C20;          /* ana */
    --marka-koyu: #A82E17;     /* hover/vurgu koyu */
    --marka-acik: #E85C41;     /* aydınlık tonu */
    --marka-soluk: #FBE9E4;    /* çok açık zemin (rozet/etiket arka planı) */
    --marka-rgb: 210, 60, 32;  /* rgba() için */

    /* --- NÖTRLER (mürekkep + yüzeyler) --- */
    --ink: #14171C;            /* ana metin / koyu başlık */
    --ink-soft: #3A414B;       /* ikincil metin */
    --ink-mute: #6B7280;       /* soluk/yardımcı metin */
    --hat: #E6E8EC;            /* ince çizgi/kenarlık */
    --zemin: #FFFFFF;          /* sayfa zemini */
    --zemin-2: #F6F7F9;        /* alternatif bölüm zemini */
    --zemin-koyu: #0C0E11;     /* hero/koyu bölüm zemini */

    /* --- TİPOGRAFİ ---
       Display: Space Grotesk (mimari/geometrik grotesk — suffolk'un Favorit
       başlıklarının karakterine yakın, OFL/ücretsiz).
       Body: Inter (temiz neo-grotesk — Favorit'in okunabilirliğine en yakın
       ücretsiz eşdeğer, OFL/ücretsiz). */
    --font-display: "Space Grotesk", "Segoe UI", Arial, sans-serif;
    --font-body: "Inter", "Segoe UI", Arial, sans-serif;

    /* --- YUMUŞAKLIK / HAREKET --- */
    --dg-ease: cubic-bezier(0.22, 1, 0.36, 1);   /* "expo-out" hissi */
    --dg-ease-io: cubic-bezier(0.65, 0, 0.35, 1);
    --dg-hiz: 0.55s;

    /* --- KÖŞE / GÖLGE / BOŞLUK --- */
    --r-sm: 8px;
    --r-md: 14px;
    --r-lg: 22px;
    --r-pill: 999px;
    --golge-1: 0 4px 18px rgba(20, 23, 28, 0.06);
    --golge-2: 0 16px 40px rgba(20, 23, 28, 0.12);
    --golge-marka: 0 14px 34px rgba(var(--marka-rgb), 0.32);
    --bolum-bosluk: clamp(56px, 8vw, 120px);   /* dikey bölüm nefesi */
    --kapsayici: 1240px;                        /* içerik maks. genişlik */
}