/* ============================================
   Şevval Emlak — Design Tokens
   Merkezi değişken tanımları.
   Tüm site bu dosyadaki token'ları kullanır.
   ============================================ */

:root {
    /* ── Renkler ── */
    --sv-primary:        #0078d7;
    --sv-primary-dark:   #005a9e;
    --sv-primary-light:  #4DA8FF;
    --sv-primary-bg:     linear-gradient(135deg, #0078d7 0%, #005a9e 100%);

    --sv-success:        #25D366;
    --sv-success-dark:   #1da851;
    --sv-danger:         #E74C3C;
    --sv-warning:        #F39C12;
    --sv-info:           #17a2b8;

    /* ── Metin Renkleri ── */
    --sv-text:           #1a1a2e;
    --sv-text-secondary: #6c757d;
    --sv-text-muted:     #9ca3af;
    --sv-text-white:     #ffffff;
    --sv-link:           #0078d7;
    --sv-link-hover:     #005a9e;

    /* ── Arka Plan ── */
    --sv-bg:             #ffffff;
    --sv-bg-light:       #f8f9fa;
    --sv-bg-gray:        #eef2f6;
    --sv-bg-blue:        linear-gradient(135deg, #0078d7 0%, #005a9e 100%);
    --sv-bg-blue-soft:   linear-gradient(135deg, #e8f4fd 0%, #d6ecf8 100%);

    /* ── Gölge ── */
    --sv-shadow-xs:      0 1px 3px rgba(0,0,0,0.06);
    --sv-shadow-sm:      0 2px 8px rgba(0,0,0,0.08);
    --sv-shadow-md:      0 4px 16px rgba(0,0,0,0.12);
    --sv-shadow-lg:      0 8px 32px rgba(0,0,0,0.16);
    --sv-shadow-xl:      0 16px 48px rgba(0,0,0,0.20);

    /* ── Border ── */
    --sv-radius-xs:      4px;
    --sv-radius-sm:      8px;
    --sv-radius:         12px;
    --sv-radius-lg:      16px;
    --sv-radius-xl:      24px;
    --sv-radius-full:    9999px;
    --sv-border:         1px solid #e0e0e0;
    --sv-border-light:   1px solid #f0f0f0;

    /* ── Spacing ── */
    --sv-space-xs:       4px;
    --sv-space-sm:       8px;
    --sv-space:          16px;
    --sv-space-lg:       24px;
    --sv-space-xl:       32px;
    --sv-space-2xl:      48px;
    --sv-space-3xl:      64px;

    /* ── Layout ── */
    --sv-max-width:      1200px;
    --sv-navbar-h:       64px;
    --sv-sidebar-w:      320px;

    /* ── Geçiş ── */
    --sv-ease:           0.3s ease;
    --sv-ease-fast:      0.15s ease;
    --sv-ease-smooth:    0.4s cubic-bezier(0.16, 1, 0.3, 1);

    /* ── Font ── */
    --sv-font:           'Poppins', 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
    --sv-font-heading:   'Montserrat', 'Poppins', sans-serif;
    --sv-font-mono:      'Fira Code', 'Consolas', monospace;

    /* ── Font Size ── */
    --sv-text-xs:        12px;
    --sv-text-sm:        14px;
    --sv-text-base:      16px;
    --sv-text-lg:        18px;
    --sv-text-xl:        20px;
    --sv-text-2xl:       24px;
    --sv-text-3xl:       28px;
    --sv-text-4xl:       32px;
    --sv-text-5xl:       40px;

    /* ── Font Weight ── */
    --sv-weight-normal:  400;
    --sv-weight-medium:  500;
    --sv-weight-semi:    600;
    --sv-weight-bold:    700;
    --sv-weight-extra:   800;

    /* ── Z-index ── */
    --sv-z-dropdown:     100;
    --sv-z-sticky:       200;
    --sv-z-navbar:       1000;
    --sv-z-modal:        9000;
    --sv-z-toast:        9500;
    --sv-z-max:          9999;
}