/* ============================================================
   GYM BRO — marka katmanı (theme.css'ten SONRA yüklenir)
   SamRota tasarım sisteminin kayrak/cam gramerini korur; yalnızca
   vurgu (accent) tonlarını lime kimliğine çevirir ve theme.css içinde
   sabit yazılmış turkuaz tonlarını lime eşdeğerleriyle ezer.
   ============================================================ */
:root {
    --accent:     #A4D400;
    --accent-2:   #6E9A00;
    --accent-ink: #101400;
    --accent-rgb: 164, 212, 0;
    --font-display: 'Sora', 'Inter', sans-serif;
}
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --accent:     #C8FF00;
        --accent-2:   #D9FF4D;
        --accent-ink: #0E0F12;
        --accent-rgb: 200, 255, 0;
    }
}
:root[data-theme="dark"] {
    --accent:     #C8FF00;
    --accent-2:   #D9FF4D;
    --accent-ink: #0E0F12;
    --accent-rgb: 200, 255, 0;
}

/* Seçim, aktif menü, canlı nokta, etiket, bildirim tonları */
::selection { background: rgba(var(--accent-rgb), .3); }
.nav-item.active { background: rgba(var(--accent-rgb), .14); }
.nav-item.active {
    background: linear-gradient(100deg, rgba(var(--accent-rgb), .16), rgba(var(--accent-rgb), .05)) !important;
    box-shadow: inset 0 0 0 1px rgba(var(--accent-rgb), .22);
}
@keyframes pulse {
    0%   { box-shadow: 0 0 0 0 rgba(var(--accent-rgb), .55); }
    70%  { box-shadow: 0 0 0 9px rgba(var(--accent-rgb), 0); }
    100% { box-shadow: 0 0 0 0 rgba(var(--accent-rgb), 0); }
}
.tag-ok { background: rgba(var(--accent-rgb), .14); color: var(--accent-2); border-color: rgba(var(--accent-rgb), .38); }
:root[data-theme="dark"] .tag-ok { color: var(--accent); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .tag-ok { color: var(--accent); } }
.tag-blue { background: color-mix(in srgb, var(--blue) 14%, transparent); color: var(--blue); border-color: color-mix(in srgb, var(--blue) 35%, transparent); }
.tag-amber { background: color-mix(in srgb, var(--amber) 14%, transparent); color: var(--amber); border-color: color-mix(in srgb, var(--amber) 35%, transparent); }
.tag-purple { background: color-mix(in srgb, var(--purple) 14%, transparent); color: var(--purple); border-color: color-mix(in srgb, var(--purple) 35%, transparent); }
.flash-success { background: rgba(var(--accent-rgb), .12); border-color: rgba(var(--accent-rgb), .4); color: var(--accent-2); }
.flash-error { color: var(--bad); }
.login-backdrop {
    background:
        radial-gradient(ellipse 50% 40% at 20% 8%, rgba(var(--accent-rgb), .10), transparent),
        radial-gradient(ellipse 45% 38% at 85% 92%, color-mix(in srgb, var(--blue) 8%, transparent), transparent);
}
.toggle input:checked { background: rgba(var(--accent-rgb), .22); }

/* Cam katmanı: parıltı, birincil buton, odak, tablo hover, scrollbar */
.sr-g1 { background: radial-gradient(circle, rgba(var(--accent-rgb), .42), transparent 62%); }
.sr-g2 { background: radial-gradient(circle, color-mix(in srgb, var(--blue) 35%, transparent), transparent 62%); }
.btn-primary { box-shadow: 0 12px 26px rgba(var(--accent-rgb), .28); }
.btn-primary:hover { box-shadow: 0 16px 36px rgba(var(--accent-rgb), .42); }
input:focus, select:focus, textarea:focus {
    border-color: rgba(var(--accent-rgb), .7) !important;
    box-shadow: 0 0 0 4px rgba(var(--accent-rgb), .14) !important;
}
.table tbody tr:hover, table tbody tr:hover { background: rgba(var(--accent-rgb), .06); }
* { scrollbar-color: rgba(var(--accent-rgb), .4) transparent; }
.nav-profile-avatar, body.sidebar-open .nav-profile-avatar {
    background: linear-gradient(135deg, var(--accent-2), var(--accent)) !important;
    box-shadow: 0 0 14px rgba(var(--accent-rgb), .45) !important;
    color: var(--accent-ink) !important;
}
body.sidebar-open .nav-profile-role { color: var(--accent-ink); }

/* Açık temada kenar vinyeti daha hafif olsun (beyaz zeminde gri leke bırakmasın) */
:root:not([data-theme="dark"]) body::before { background: radial-gradient(120% 90% at 50% 30%, transparent 55%, rgba(11, 41, 66, .10)); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) body::before { background: radial-gradient(120% 90% at 50% 30%, transparent 45%, rgba(0, 0, 0, .5)); } }

/* Marka logosu ve ortak yardımcılar */
.brand-mark { border-radius: 10px; object-fit: cover; }
.hdr-title { font-family: var(--font-display); }
.tag-lime { background: rgba(var(--accent-rgb), .14); color: var(--accent-2); border-color: rgba(var(--accent-rgb), .38); }
.kpi-lime { --kpi-color: var(--accent); }
.kpi-blue { --kpi-color: var(--blue); }
.kpi-amber { --kpi-color: var(--amber); }
.kpi-purple { --kpi-color: var(--purple); }
.kpi-bad { --kpi-color: var(--bad); }
.kpi-mute { --kpi-color: var(--txt-mute); }