/**
 * KurumsalScript - CSS Değişkenleri
 * Tüm tema değerleri buradan kontrol edilir
 */

:root {
    /* ---- Renk Paleti ---- */
    --renk-birincil:       #0a2463;
    --renk-birincil-acik:  #1a3a8f;
    --renk-birincil-koyu:  #061848;
    --renk-birincil-rgb:   10, 36, 99;

    --renk-ikincil:        #e63946;
    --renk-ikincil-acik:   #ff5a65;
    --renk-ikincil-koyu:   #c0272f;
    --renk-ikincil-rgb:    230, 57, 70;

    --renk-aksent:         #3a86ff;
    --renk-aksent-acik:    #5a9aff;
    --renk-aksent-rgb:     58, 134, 255;

    --renk-basari:         #10b981;
    --renk-uyari:          #f59e0b;
    --renk-tehlike:        #ef4444;
    --renk-bilgi:          #3b82f6;

    /* ---- Nötr Renkler ---- */
    --renk-beyaz:          #ffffff;
    --renk-siyah:          #0a0a0a;
    --renk-gri-50:         #f8fafc;
    --renk-gri-100:        #f1f5f9;
    --renk-gri-200:        #e2e8f0;
    --renk-gri-300:        #cbd5e1;
    --renk-gri-400:        #94a3b8;
    --renk-gri-500:        #64748b;
    --renk-gri-600:        #475569;
    --renk-gri-700:        #334155;
    --renk-gri-800:        #1e293b;
    --renk-gri-900:        #0f172a;

    /* ---- Metin ---- */
    --metin-birincil:      #0f172a;
    --metin-ikincil:       #475569;
    --metin-ucuncul:       #94a3b8;
    --metin-ters:          #ffffff;

    /* ---- Arka plan ---- */
    --arkaplan-birincil:   #ffffff;
    --arkaplan-ikincil:    #f8fafc;
    --arkaplan-ucuncul:    #f1f5f9;

    /* ---- Border ---- */
    --kenar-rengi:         #e2e8f0;
    --kenar-radius-sm:     6px;
    --kenar-radius:        12px;
    --kenar-radius-lg:     18px;
    --kenar-radius-xl:     24px;
    --kenar-radius-tam:    9999px;

    /* ---- Gölge ---- */
    --golge-sm:    0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
    --golge:       0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);
    --golge-md:    0 8px 28px rgba(0,0,0,.10), 0 4px 10px rgba(0,0,0,.06);
    --golge-lg:    0 20px 60px rgba(0,0,0,.12), 0 8px 20px rgba(0,0,0,.06);
    --golge-xl:    0 32px 80px rgba(0,0,0,.14);
    --golge-renkli: 0 12px 40px rgba(var(--renk-birincil-rgb), .30);

    /* ---- Typography ---- */
    --font-birincil:   'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-baslik:     'Inter', sans-serif;
    --font-mono:       'JetBrains Mono', 'Fira Code', monospace;

    --font-xs:    0.75rem;   /* 12px */
    --font-sm:    0.875rem;  /* 14px */
    --font-base:  1rem;      /* 16px */
    --font-md:    1.125rem;  /* 18px */
    --font-lg:    1.25rem;   /* 20px */
    --font-xl:    1.5rem;    /* 24px */
    --font-2xl:   1.875rem;  /* 30px */
    --font-3xl:   2.25rem;   /* 36px */
    --font-4xl:   3rem;      /* 48px */
    --font-5xl:   3.75rem;   /* 60px */
    --font-6xl:   4.5rem;    /* 72px */

    --line-height-siki:    1.2;
    --line-height-normal:  1.6;
    --line-height-gevşek:  1.8;

    --font-weight-thin:    300;
    --font-weight-normal:  400;
    --font-weight-medium:  500;
    --font-weight-semibold: 600;
    --font-weight-bold:    700;
    --font-weight-extra:   800;

    /* ---- Spacing ---- */
    --spacing-1:   0.25rem;   /* 4px */
    --spacing-2:   0.5rem;    /* 8px */
    --spacing-3:   0.75rem;   /* 12px */
    --spacing-4:   1rem;      /* 16px */
    --spacing-5:   1.25rem;   /* 20px */
    --spacing-6:   1.5rem;    /* 24px */
    --spacing-8:   2rem;      /* 32px */
    --spacing-10:  2.5rem;    /* 40px */
    --spacing-12:  3rem;      /* 48px */
    --spacing-16:  4rem;      /* 64px */
    --spacing-20:  5rem;      /* 80px */
    --spacing-24:  6rem;      /* 96px */
    --spacing-32:  8rem;      /* 128px */

    /* ---- Geçiş ---- */
    --gecis-hizli:   150ms cubic-bezier(0.4, 0, 0.2, 1);
    --gecis-normal:  250ms cubic-bezier(0.4, 0, 0.2, 1);
    --gecis-yavas:   400ms cubic-bezier(0.4, 0, 0.2, 1);
    --gecis-yay:     400ms cubic-bezier(0.34, 1.56, 0.64, 1);

    /* ---- Z-index ---- */
    --z-altinda:    -1;
    --z-normal:     1;
    --z-yukari:     10;
    --z-sticky:     100;
    --z-dropdown:   200;
    --z-modal:      300;
    --z-toast:      400;
    --z-tooltip:    500;

    /* ---- Container ---- */
    --konteyner-max:       1280px;
    --konteyner-padding:   1.5rem;

    /* ---- Header ---- */
    --header-yukseklik:    80px;
    --header-yukseklik-sm: 64px;
}

/* ---- Dark Mode ---- */
@media (prefers-color-scheme: dark) {
    :root {
        --metin-birincil:      #f1f5f9;
        --metin-ikincil:       #94a3b8;
        --arkaplan-birincil:   #0f172a;
        --arkaplan-ikincil:    #1e293b;
        --arkaplan-ucuncul:    #1e293b;
        --kenar-rengi:         #334155;
    }
}

[data-tema="dark"] {
    --metin-birincil:      #f1f5f9;
    --metin-ikincil:       #94a3b8;
    --metin-ucuncul:       #64748b;
    --arkaplan-birincil:   #0f172a;
    --arkaplan-ikincil:    #1e293b;
    --arkaplan-ucuncul:    #1e293b;
    --kenar-rengi:         #334155;
    --golge:               0 4px 16px rgba(0,0,0,.3);
    --golge-md:            0 8px 28px rgba(0,0,0,.4);
    --golge-lg:            0 20px 60px rgba(0,0,0,.5);
}