:root{
--hewani-ink:#10233f;
--hewani-blue:#708cb4;
--hewani-cyan:#10a7b8;
--hewani-surface:#ffffff;
--hewani-shadow:0 18px 45px rgba(16,35,63,.10);
}

body{
background:linear-gradient(135deg,#eef3fb 0%,#f7fbff 55%,#e7f8f6 100%);
color:var(--hewani-ink);
font-family:'Segoe UI',sans-serif;
min-height:100vh;
}

body.theme-dark{
--hewani-ink:#e7eef8;
--hewani-surface:#172438;
background:linear-gradient(135deg,#0b1220 0%,#16243a 55%,#12353a 100%);
color:var(--hewani-ink);
}

body.theme-dark .card,
body.theme-dark .table,
body.theme-dark .table-light,
body.theme-dark .dropdown-menu{
background-color:var(--hewani-surface);
color:var(--hewani-ink);
}

body.theme-dark .text-muted{color:#afbdd0!important}
body.theme-dark .table{--bs-table-color:var(--hewani-ink);--bs-table-bg:transparent}
body.theme-dark .form-control,
body.theme-dark .form-select{background:#22324a;color:#f4f7fb;border-color:#49617f}

.theme-choice{
display:inline-flex;
align-items:center;
gap:.6rem;
padding:.8rem 1rem;
border:1px solid #cbd6e4;
border-radius:12px;
cursor:pointer;
transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.theme-choice:hover,.theme-choice.selected{border-color:var(--hewani-cyan);box-shadow:0 8px 18px rgba(16,167,184,.16);transform:translateY(-2px)}
.theme-choice input{accent-color:var(--hewani-cyan)}
.about-signal{background:rgba(255,255,255,.78);border:1px solid rgba(16,167,184,.25)}
.theme-dark .about-signal{background:rgba(23,36,56,.86)}
.about-logo{width:150px;height:150px;object-fit:contain}
.team-member-card{border-radius:1.1rem;transition:transform .2s ease,box-shadow .2s ease}
.team-member-card:hover{transform:translateY(-4px);box-shadow:0 1rem 2rem rgba(20,45,80,.12)!important}
.team-member-card__photo-wrap{height:260px;background:linear-gradient(145deg,#eaf5ff,#d7eaff);overflow:hidden}
.team-member-card__photo{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.team-member-card__placeholder{height:100%;display:grid;place-items:center;color:#7190b0;font-size:5rem}
.team-member-card__bio{white-space:pre-line}

.navbar{
background:#6d83a2!important;
box-shadow:0 8px 24px rgba(0,28,78,.18);
}

.hero{
padding:120px 20px;
}

.card{
border:none;
border-radius:15px;
box-shadow:var(--hewani-shadow);
animation:hewani-rise .45s ease both;
}

.btn-primary{
background:#9caccb;
border-color:#667eac;
}

.btn,.nav-link,.card,.form-control,.form-select{
transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease;
}

.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,60,143,.18)}
.card:hover{transform:translateY(-3px)}
.hero{animation:hewani-fade .7s ease both}
.navbar-brand img{transition:transform .25s ease}
.navbar-brand:hover img{transform:rotate(-4deg) scale(1.06)}

@keyframes hewani-rise{
from{opacity:0;transform:translateY(12px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes hewani-fade{
from{opacity:0}
to{opacity:1}
}

@media (max-width:768px){
	.hero{padding:72px 16px}
	.brand-logo{width:48px;height:48px}
}

@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}

.btn-warning{
color:white;
font-weight:bold;
}

.logo{
width:50px;
height:50px;
object-fit:contain;
}

.brand-logo{
width:200px;
height:200px;
object-fit:contain;
vertical-align:middle;
}

.auth-logo{
width:112px;
height:112px;
object-fit:contain;
}