/* ==========================================================================
   DESI DESIGN SYSTEM - VARIABLES & DESIGN TOKENS
   Dosya: desi_variables.css
   Amaç: DESi kurumsal kimliğinin tüm renk, font, boşluk ve gölge DNA'sı.
   ========================================================================== */

:root {
    /* ----------------------------------------------------------------------
       1. MARKA VE AKSİYON RENKLERİ
       ---------------------------------------------------------------------- */
    /* DESi Kurumsal Kırmızısı (Logo & Bildirim Rozetleri) */
    --desi-red: #e30613;
    --desi-red-hover: #c4040f;
    --desi-red-light: #fff1f2;

    /* DESi Aksiyon Yeşili (Butonlar, Aktif Sekmeler, Vurgular) */
    --desi-green: #2D7A68;
    --desi-green-hover: #246354;
    --desi-green-light: #f0fdf4;
    --desi-green-glow: rgba(45, 122, 104, 0.25);

    /* Alternatif Aksiyon & Vurgu */
    --desi-accent: #ff6b00;

    /* ----------------------------------------------------------------------
       2. NÖTR RENKLER & TİPOGRAFİ TONLARI
       ---------------------------------------------------------------------- */
    --desi-dark-top: #000000;         /* Header Top Bar Zemin */
    --desi-dark-hero: #0f172a;        /* Koyu Hero / Banner Zemin */
    --desi-dark-heading: #0f172a;     /* Başlık Metin Rengi */
    --desi-text-body: #334155;        /* Paragraf ve Gövde Metni */
    --desi-text-muted: #64748b;       /* İkincil / Açıklama Metni */
    --desi-text-light: #94a3b8;       /* Açık Gri Metinler */
    --desi-border: #e2e8f0;           /* Kart ve Input Çerçeveleri */
    --desi-border-hover: #cbd5e1;     /* Hover Durumu Çerçeve */
    --desi-bg-subtle: #f8fafc;        /* Açık Gri Zemin */
    --desi-white: #ffffff;

    /* ----------------------------------------------------------------------
       3. TİPOGRAFİ
       ---------------------------------------------------------------------- */
    --desi-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --desi-font-heading: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

    /* ----------------------------------------------------------------------
       4. KENAR YUVARLAKLIKLARI (BORDER RADIUS)
       ---------------------------------------------------------------------- */
    --desi-radius-xs: 4px;
    --desi-radius-sm: 6px;
    --desi-radius-md: 10px;
    --desi-radius-lg: 16px;
    --desi-radius-pill: 9999px;

    /* ----------------------------------------------------------------------
       5. GÖLGELER (ELEVATION & SHADOWS)
       ---------------------------------------------------------------------- */
    --desi-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
    --desi-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.05);
    --desi-shadow-md: 0 8px 20px rgba(0, 0, 0, 0.07);
    --desi-shadow-lg: 0 14px 32px rgba(15, 23, 42, 0.12);

    /* ----------------------------------------------------------------------
       6. BOYUTLANDIRMALAR & YÜKSEKLİKLER
       ---------------------------------------------------------------------- */
    --desi-btn-height-sm: 32px;
    --desi-btn-height-md: 40px;
    --desi-btn-height-lg: 48px;
    --desi-input-height: 42px;
    --desi-header-top-height: 38px;
}