/**
 * ==============================================================================
 * BİDOKTOR - TASARIM SİSTEMİ DEĞİŞKENLERİ (variables.css)
 * Kurumsal Renk, Tipografi ve Tasarım Sistemi Değişkenleri
 * ==============================================================================
 */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,600&display=swap');

:root {
    /* --- Ana Renk Paleti --- */
    --color-primary: #10B48F;          /* Turkuaz / Teal (İkonlar, sayaç bandı, butonlar, vurgular) */
    --color-primary-dark: #0D9676;     /* Turkuaz Koyu (Hover durumları) */
    --color-primary-light: #E8F8F4;    /* Turkuaz Açık Pastel Arka Plan */
    --color-primary-subtle: rgba(16, 180, 143, 0.12);

    --color-secondary: #23466D;        /* Koyu Lacivert (Başlıklar, menü, topbar sağ, footer) */
    --color-secondary-dark: #1B3654;   /* Derin Lacivert */
    --color-secondary-deep: #142B44;   /* Footer Alt Telif Çubuğu */
    --color-secondary-light: #EBF1F7;  /* Lacivert Açık Arka Plan */

    --color-accent-red: #D9383A;       /* Logo kalbi / vurgusu için kiremit kırmızı */

    /* --- Metin Renkleri --- */
    --color-heading: #23466D;          /* Başlıklar (Koyu lacivert ve güçlü) */
    --color-body: #64748B;             /* Gövde metinleri (Okunaklı modern gri) */
    --color-body-dark: #475569;        /* Koyu gövde metni */
    --color-muted: #94A3B8;            /* Meta verileri, tarihler, pasif yazılar */
    --color-white: #FFFFFF;

    /* --- Arka Plan Renkleri --- */
    --bg-body: #FFFFFF;
    --bg-alt: #F8FAFC;                 /* Bölüm geçişleri için açık yumuşak gri */
    --bg-card: #FFFFFF;
    --bg-topbar-left: #10B48F;         /* Üst bilgi çubuğu sol bölüm (Turkuaz) */
    --bg-topbar-right: #23466D;        /* Üst bilgi çubuğu sağ bölüm (Lacivert) */
    --bg-footer: #1A375A;              /* Koyu Lacivert Footer */
    --bg-footer-bottom: #122842;       /* En dip telif çubuğu */

    /* --- Çizgiler ve Kenarlıklar --- */
    --border-color: #E2E8F0;           /* Kart ve kutu ince kenarlıkları */
    --border-light: #F1F5F9;           /* Tablo ve liste içi ince bölücüler */
    --border-primary: #10B48F;

    /* --- Tipografi --- */
    --font-main: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-heading: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

    /* --- Köşe Yuvarlaklıkları (Radius) --- */
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-pill: 50px;               /* Oval butonlar için tam pill */

    /* --- Gölgeler (Hafif, Zarif ve Kurumsal) --- */
    --shadow-subtle: 0 4px 15px rgba(35, 70, 109, 0.04);
    --shadow-card: 0 10px 30px rgba(35, 70, 109, 0.06);
    --shadow-card-hover: 0 16px 36px rgba(35, 70, 109, 0.12);
    --shadow-dock: 0 10px 25px rgba(0, 0, 0, 0.15);

    /* --- Boşluklar --- */
    --section-padding: 85px 0;
    --section-padding-sm: 55px 0;

    /* --- Geçişler (Transitions) --- */
    --transition-fast: all 0.2s ease-in-out;
    --transition-base: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}