/* =================================================================
   zeyram — Dinamik Tema Değişkenleri
   Otomatik üretildi: 2026-06-20 13:06:22
   Bu dosyayı doğrudan düzenlemeyin; Admin > Tema Yönetimi kullanın.
   ================================================================= */

:root {
    /* Renkler */
    --color-primary:       #6366f1;
    --color-primary-dark:  #4f46e5;
    --color-primary-light: #eef2ff;
    --color-bg-base:       #ffffff;
    --color-bg-secondary:  #f8fafc;
    --color-bg-accent:     #f1f5f9;
    --color-text-primary:  #0f172a;
    --color-text-secondary:#475569;
    --color-text-muted:    #94a3b8;
    --color-border:        #e2e8f0;
    --color-success:       #10b981;
    --color-warning:       #f59e0b;
    --color-error:         #ef4444;
    --color-footer-bg:     #102136;
    --color-footer-text:   #ffffff;
    
    /* Tipografi */
    --font-family:         'Inter', 'Segoe UI', system-ui, sans-serif;
    --font-size-base:      16px;
    --font-size-h1:        48px;
    --font-size-h2:        36px;
    --font-size-h3:        24px;
    --font-weight-normal:  400;
    --font-weight-bold:    700;
    
    /* Düzen */
    --container-width:     1280px;
    --border-radius-sm:    8px;
    --border-radius-md:    12px;
    --border-radius-lg:    16px;
}

html.dark {
    --color-bg-base:       #030712;
    --color-bg-secondary:  #111827;
    --color-bg-accent:     #1f2937;
    --color-text-primary:  #f8fafc;
    --color-text-secondary:#cbd5e1;
    --color-text-muted:    #64748b;
    --color-border:        #374151;
}

/* ================================================================
   TailwindCSS Override — Hardcode renkler tema ayarlarına çevrilir
   ================================================================ */

/* Primary (Indigo/Blue) renkleri → Tema primary */
.bg-indigo-50, .bg-blue-50     { background-color: #eef2ff !important; }
.bg-indigo-500, .bg-blue-500, .bg-indigo-600, .bg-blue-600 { background-color: #6366f1 !important; }
.bg-indigo-700, .bg-blue-700   { background-color: #4f46e5 !important; }

.text-indigo-500, .text-blue-500, .text-indigo-600, .text-blue-600 { color: #6366f1 !important; }
.text-indigo-700, .text-blue-700 { color: #4f46e5 !important; }

.border-indigo-500, .border-blue-500, .border-indigo-600, .border-blue-600 { border-color: #6366f1 !important; }

/* Hover efektleri */
.hover\:bg-indigo-600:hover, .hover\:bg-blue-600:hover { background-color: #6366f1 !important; }
.hover\:bg-indigo-700:hover, .hover\:bg-blue-700:hover { background-color: #4f46e5 !important; }
.hover\:text-indigo-600:hover, .hover\:text-blue-600:hover { color: #6366f1 !important; }

/* Focus efektleri */
.focus\:ring-indigo-500:focus, .focus\:ring-blue-500:focus {
    --tw-ring-color: #6366f1 !important;
}
.focus\:border-indigo-500:focus, .focus\:border-blue-500:focus {
    border-color: #6366f1 !important;
}

/* Durum renkleri */
.bg-green-500, .bg-green-600 { background-color: #10b981 !important; }
.bg-yellow-500, .bg-yellow-600, .bg-orange-500 { background-color: #f59e0b !important; }
.bg-red-500, .bg-red-600 { background-color: #ef4444 !important; }

.text-green-500, .text-green-600 { color: #10b981 !important; }
.text-yellow-500, .text-yellow-600, .text-orange-500 { color: #f59e0b !important; }
.text-red-500, .text-red-600 { color: #ef4444 !important; }

/* Dark mode overrides */
html.dark .dark\:bg-indigo-500:is(.dark *),
html.dark .dark\:bg-blue-500:is(.dark *),
html.dark .dark\:bg-indigo-600:is(.dark *),
html.dark .dark\:bg-blue-600:is(.dark *) {
    background-color: #6366f1 !important;
}

html.dark .dark\:text-indigo-400:is(.dark *),
html.dark .dark\:text-blue-400:is(.dark *) {
    color: #eef2ff !important;
}

html.dark .dark\:hover\:bg-indigo-700:hover:is(.dark *),
html.dark .dark\:hover\:bg-blue-700:hover:is(.dark *) {
    background-color: #4f46e5 !important;
}

/* Compat: Eski brand-orange sınıfları */
.bg-brand-orange { background-color: #6366f1 !important; }
.bg-brand-orange-dk { background-color: #4f46e5 !important; }
.text-brand-orange { color: #6366f1 !important; }
.border-brand-orange { border-color: #6366f1 !important; }
.hover\:bg-brand-orange:hover { background-color: #6366f1 !important; }
.hover\:bg-brand-orange-dk:hover { background-color: #4f46e5 !important; }

/* Typography */
body {
    font-family: var(--font-family);
    font-size: var(--font-size-base);
}
h1 { font-size: var(--font-size-h1); font-weight: var(--font-weight-bold); }
h2 { font-size: var(--font-size-h2); font-weight: var(--font-weight-bold); }
h3 { font-size: var(--font-size-h3); font-weight: var(--font-weight-bold); }

/* Footer renkleri */
footer.bg-brand-dark,
.footer-dark {
    background-color: var(--color-footer-bg) !important;
    color: var(--color-footer-text) !important;
}

/* Yardımcı sınıflar */
.bg-brand-primary { background-color: var(--color-primary) !important; }
.text-brand-primary { color: var(--color-primary) !important; }
.border-brand-primary { border-color: var(--color-primary) !important; }