/* tema.css — Marka Mavisi teması (Tailwind üzerine, tüm sayfalarda)
   Yüklenme sırası: tailwind.css'ten SONRA olmalı ki eşlemeler geçerli olsun. */

:root {
    --marka: #1b9dd9;
    --marka-koyu: #1583b8;
    --marka-daha-koyu: #0f6ea0;
    --marka-acik: #e6f4fb;
    --marka-cok-acik: #f0f8fd;
}

/* Primary mavi tonlarını markaya eşle */
.bg-blue-600 { background-color: var(--marka) !important; }
.bg-blue-700 { background-color: var(--marka-koyu) !important; }
.hover\:bg-blue-700:hover { background-color: var(--marka-koyu) !important; }
.bg-blue-500 { background-color: var(--marka) !important; }
.bg-blue-100 { background-color: var(--marka-acik) !important; }
.hover\:bg-blue-200:hover { background-color: #cfe9f7 !important; }
.bg-blue-50 { background-color: var(--marka-cok-acik) !important; }
.text-blue-600 { color: var(--marka-koyu) !important; }
.text-blue-700 { color: var(--marka-daha-koyu) !important; }
.text-blue-800 { color: var(--marka-daha-koyu) !important; }
.border-blue-200 { border-color: #bfe3f6 !important; }
.border-blue-600 { border-color: var(--marka) !important; }

/* Modern odak halkası */
.focus\:ring-blue-500:focus { box-shadow: 0 0 0 3px rgba(27, 157, 217, .28) !important; }
.focus\:border-blue-500:focus { border-color: var(--marka) !important; }

/* Yazı yumuşatma */
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* =========================================================
   BELİRGİN MODERN KATMAN
   ========================================================= */

/* Gövde: ferah, hafif degrade zemin (yalnız panel/public; giriş dokunulmaz) */
body.bg-gray-50, body.bg-gray-100 {
    background: linear-gradient(180deg, #f5f9fd 0%, #eef2f7 100%) !important;
    background-attachment: fixed;
}

/* Header: camsı (blur) görünüm + marka gölgesi */
header.sticky {
    background: rgba(255, 255, 255, .82) !important;
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    backdrop-filter: saturate(180%) blur(10px);
    border-bottom: 1px solid #e6edf5 !important;
    box-shadow: 0 2px 12px rgba(15, 110, 160, .07) !important;
}

/* Kartlar: daha yuvarlak, ferah gölge, ince kenar */
main .bg-white.rounded-xl,
main .bg-white.rounded-lg {
    border: 1px solid #e9eef4 !important;
    border-radius: 14px !important;
    box-shadow: 0 6px 22px rgba(15, 110, 160, .06), 0 1px 3px rgba(15, 110, 160, .04) !important;
}

/* Birincil butonlar: marka gradyanı + gölge + hover kalkışı */
.bg-blue-600 {
    background-image: linear-gradient(135deg, var(--marka), var(--marka-daha-koyu)) !important;
    box-shadow: 0 4px 12px rgba(27, 157, 217, .26);
    transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.bg-blue-600:hover {
    filter: brightness(1.04);
    box-shadow: 0 7px 18px rgba(27, 157, 217, .34);
    transform: translateY(-1px);
}
.bg-blue-600:active {
    transform: translateY(0);
    box-shadow: 0 3px 8px rgba(27, 157, 217, .3);
}

/* Pastel aksiyon butonları: yumuşak hover kalkışı */
button[class*="bg-blue-100"], a[class*="bg-blue-100"],
button[class*="bg-green-100"], a[class*="bg-green-100"],
button[class*="bg-orange-100"], a[class*="bg-orange-100"],
button[class*="bg-purple-100"], a[class*="bg-purple-100"],
button[class*="bg-gray-100"], a[class*="bg-gray-100"] {
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease;
}
button[class*="bg-blue-100"]:hover, a[class*="bg-blue-100"]:hover,
button[class*="bg-green-100"]:hover, a[class*="bg-green-100"]:hover,
button[class*="bg-orange-100"]:hover, a[class*="bg-orange-100"]:hover,
button[class*="bg-purple-100"]:hover, a[class*="bg-purple-100"]:hover,
button[class*="bg-gray-100"]:hover, a[class*="bg-gray-100"]:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 110, 160, .1);
}

/* Form alanları: yumuşak geçiş + ferah odak */
input:not([type=checkbox]):not([type=radio]):not([type=file]),
select, textarea {
    transition: border-color .12s ease, box-shadow .12s ease;
}

/* Tablo başlıkları: modern, harf aralıklı */
thead.bg-gray-50 th, thead .text-xs.uppercase {
    letter-spacing: .04em;
}

/* Durum rozetleri: hafif yuvarlak kapsül hissi zaten var; ince gölge */
.rounded-full[class*="bg-"] { box-shadow: inset 0 0 0 1px rgba(0,0,0,.03); }

/* Başlıklar biraz daha net */
h1.text-lg, h1.text-xl, h2.font-semibold { letter-spacing: -.01em; }