/*
 * Agar Rent a Car — herkese açık site: TASARIM TOKENLARI (tek renk kaynağı).
 *
 * Paleti değiştirmek için SADECE bu dosyayı düzenleyin. site.css içinde hiçbir renk kodu yoktur;
 * her renk buradaki değişkenlerden gelir. (Logo SVG'leri ve JSON-LD renk içermez / kendi dosyalarındadır.)
 *
 * Kural (marka): turuncu SADECE zemin olarak kullanılır, üstündeki yazı/ikon lacivert (--c-on-accent).
 */
:root {
    /* --- Metin --- */
    --c-ink: #0F2A44;                 /* ana metin, başlıklar */
    --c-ink-muted: #4A5A6B;           /* ikincil metin */
    --c-ink-inverse: #FFFFFF;         /* koyu zemin üstü metin */
    --c-ink-inverse-muted: #C9D3DE;   /* koyu zemin üstü ikincil metin */

    /* --- Yüzeyler --- */
    --c-bg: #FFFFFF;                  /* sayfa ve kart zemini */
    --c-bg-alt: #F5F7FA;              /* alternatif bölüm zemini, kart görsel alanı */
    --c-bg-soft: #E7EDF3;             /* şartlar kutusu, ikon kutusu, harita zemini */
    --c-border: #D8DFE7;              /* çerçeveler */
    --c-border-soft: #E7EDF3;         /* ince ayraçlar */

    /* --- Marka koyu alan (hero, iletişim bandı, footer) --- */
    --c-brand: #0F2A44;
    --c-brand-2: #1D4266;             /* koyu alan üstünde ikinci katman (hero görsel kutusu, ayraç çizgisi) */

    /* --- Vurgu (turuncu: yalnızca zemin) --- */
    --c-accent: #F28C28;
    --c-accent-hover: #D9761A;
    --c-on-accent: #0F2A44;

    /* --- WhatsApp --- */
    --c-wa: #157A45;
    --c-wa-hover: #0F6337;
    --c-on-wa: #FFFFFF;

    /* --- Durum ikonları --- */
    --c-success: #1E7A46;             /* şart listesindeki onay işareti */

    /* --- Bağlantı ve odak --- */
    --c-link: #0F2A44;
    --c-link-hover: #1D4266;
    --c-focus: #0F2A44;
    --c-focus-on-dark: #F28C28;

    /* --- Gölge (rgb üçlüsü, boşlukla) --- */
    --c-shadow: 15 42 68;

    /* --- Tipografi ve ölçüler (renk değil, aynı yerde dursun) --- */
    --font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --container: 1248px;
    --radius-btn: 10px;
    --radius-card: 16px;
}
