﻿/* Varsayılan (mevcut mavi) */
:root, [data-theme="mavi"] {
    --renk-ana: #2563eb;
    --renk-ana-koyu: #1d4ed8;
    --renk-ana-acik: #eff6ff;
    --renk-basari: #16a34a;
    --renk-basari-acik: #dcfce7;
    --renk-tehlike: #dc2626;
    --renk-tehlike-acik: #fef2f2;
    --renk-uyari: #ea580c;
    --renk-uyari-acik: #fff7ed;
    --renk-metin: #111827;
    --renk-metin-soluk: #6b7280;
    --renk-arkaplan: #f0f2f5;
    --renk-kart: #ffffff;
    --renk-kenar: #e5e7eb;
    --golge: 0 1px 4px rgba(0,0,0,.06);
}

/* Koyu / Gece modu */
[data-theme="koyu"] {
    --renk-ana: #3b82f6;
    --renk-ana-koyu: #2563eb;
    --renk-ana-acik: #1e3a5f;
    --renk-basari: #22c55e;
    --renk-basari-acik: #14532d;
    --renk-tehlike: #ef4444;
    --renk-tehlike-acik: #450a0a;
    --renk-uyari: #f97316;
    --renk-uyari-acik: #431407;
    --renk-metin: #f3f4f6;
    --renk-metin-soluk: #9ca3af;
    --renk-arkaplan: #111827;
    --renk-kart: #1f2937;
    --renk-kenar: #374151;
    --golge: 0 1px 4px rgba(0,0,0,.4);
}

/* Zümrüt Yeşil */
[data-theme="zumrut"] {
    --renk-ana: #059669;
    --renk-ana-koyu: #047857;
    --renk-ana-acik: #ecfdf5;
    --renk-basari: #16a34a;
    --renk-basari-acik: #dcfce7;
    --renk-tehlike: #dc2626;
    --renk-tehlike-acik: #fef2f2;
    --renk-uyari: #d97706;
    --renk-uyari-acik: #fffbeb;
    --renk-metin: #111827;
    --renk-metin-soluk: #6b7280;
    --renk-arkaplan: #f0fdf4;
    --renk-kart: #ffffff;
    --renk-kenar: #d1fae5;
    --golge: 0 1px 4px rgba(0,0,0,.06);
}

/* Mor / Mütevellioğlu kurumsal */
[data-theme="mor"] {
    --renk-ana: #7c3aed;
    --renk-ana-koyu: #6d28d9;
    --renk-ana-acik: #f5f3ff;
    --renk-basari: #16a34a;
    --renk-basari-acik: #dcfce7;
    --renk-tehlike: #dc2626;
    --renk-tehlike-acik: #fef2f2;
    --renk-uyari: #ea580c;
    --renk-uyari-acik: #fff7ed;
    --renk-metin: #111827;
    --renk-metin-soluk: #6b7280;
    --renk-arkaplan: #f5f3ff;
    --renk-kart: #ffffff;
    --renk-kenar: #ede9fe;
    --golge: 0 1px 4px rgba(0,0,0,.06);
}

[data-theme="kirmizi"] {
    --renk-ana: #dc2626;
    --renk-ana-koyu: #b91c1c;
    --renk-ana-acik: #fef2f2;
    --renk-basari: #16a34a;
    --renk-basari-acik: #dcfce7;
    --renk-tehlike: #991b1b;
    --renk-tehlike-acik: #fee2e2;
    --renk-uyari: #d97706;
    --renk-uyari-acik: #fffbeb;
    --renk-metin: #111827;
    --renk-metin-soluk: #6b7280;
    --renk-arkaplan: #fef2f2;
    --renk-kart: #ffffff;
    --renk-kenar: #fecaca;
    --golge: 0 1px 4px rgba(0,0,0,.06);
}

body {
    background: var(--renk-arkaplan) !important;
    color: var(--renk-metin);
    transition: background .2s;
}

/* ===== Form kontrolleri: tema ile tam uyum (global) ===== */
:root { color-scheme: light; }
[data-theme="koyu"] { color-scheme: dark; }

input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),
select,
textarea {
    background-color: var(--renk-kart);
    color: var(--renk-metin);
    border-color: var(--renk-kenar);
    transition: border-color .15s, box-shadow .15s;
}

input[type=text], input[type=number], input[type=search],
input[type=email], input[type=tel], input[type=password],
select, textarea {
    -webkit-appearance: none;
    appearance: none;
}

select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 34px;
}

input::placeholder,
textarea::placeholder {
    color: var(--renk-metin-soluk);
    opacity: 1;
}

input:focus:focus, select:focus:focus, textarea:focus:focus {
    outline: none;
    border-color: var(--renk-ana) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--renk-ana) 18%, transparent);
}

input[type=checkbox], input[type=radio] {
    accent-color: var(--renk-ana);
}

input:disabled, select:disabled, textarea:disabled {
    background-color: var(--renk-arkaplan);
    color: var(--renk-metin-soluk);
}
