:root{ --bg:#0b1220; --card:#121a2b; --muted:#cbd5e1; --primary:#8ab4ff; --accent:#38bdf8; }
html,body{ height:100%; }
body{ font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background: radial-gradient(80rem 60rem at 20% -10%, #1b2a4a 0%, transparent 40%), radial-gradient(60rem 40rem at 120% 10%, #0a1a34 0%, transparent 35%), var(--bg); color:#e5e7eb; }
.site-nav{ background: linear-gradient(180deg, rgba(10,16,28,.85), rgba(10,16,28,.6)); backdrop-filter: blur(8px); position: sticky; top:0; z-index: 50; }
.site-nav .nav-link{ color:#cbd5e1; }
.site-nav .nav-link:hover{ color:#fff; }
.hero{ background: radial-gradient(50rem 35rem at 70% 10%, rgba(56,189,248,.08), transparent 50%); }
.grad-text{ background: linear-gradient(90deg, var(--primary), var(--accent)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.feature-card, .service-card, .post-card, .testimonial, .map-card{ background: var(--card); border:1px solid rgba(255,255,255,.06); box-shadow: 0 6px 20px rgba(0,0,0,.25); }
.bg-surface{ background: linear-gradient(180deg, rgba(138,180,255,.06), rgba(56,189,248,.05)); }
.btn-primary{ background: linear-gradient(90deg,var(--primary),var(--accent)); border: none; }
.btn-primary:hover{ filter: brightness(1.08); }
.btn-outline-light{ border-color: rgba(255,255,255,.35); color:#e5e7eb; }
.btn-outline-light:hover{ background: rgba(255,255,255,.08); }
.site-footer{ background:#0a1324; border-top:1px solid rgba(255,255,255,.06); }
/* Mobil menü */
#siteMenu a{ color:#cbd5e1; }
@media (max-width: 991.98px){
  #siteMenu.d-none{ display:none !important; }
  #siteMenu.active{ display:flex !important; flex-direction: column; gap:1rem; position:absolute; right:1rem; top:4.25rem; background: var(--card); padding:1rem; border-radius:1rem; border:1px solid rgba(255,255,255,.08); }
}
/* Formlar */
input, textarea{ background:#0e1729 !important; color:#e5e7eb !important; border:1px solid rgba(255,255,255,.1) !important; }
input:focus, textarea:focus{ border-color: var(--accent) !important; box-shadow: 0 0 0 .25rem rgba(56,189,248,.15) !important; }
/* Admin */
.table td, .table th { vertical-align: middle; }

/* Backgrounds adapt with variables */
.feature-card, .service-card, .post-card, .testimonial, .map-card{
  background: var(--card);
  border:1px solid var(--border);
}
.site-footer{ background: var(--card); border-top:1px solid var(--border); color: var(--muted); }
.site-nav .nav-link{ color: var(--muted); }
:root[data-theme="light"] .site-nav{ background: rgba(255,255,255,.75); }
:root[data-theme="light"] .btn-outline-light{ border-color: rgba(2,6,23,.25); color:#0f172a; }
:root[data-theme="light"] .btn-outline-light:hover{ background: rgba(2,6,23,.06); }
:root[data-theme="light"] .text-light{ color:#0f172a !important; }
:root[data-theme="light"] .bg-surface{ background: linear-gradient(180deg, rgba(36,87,255,.05), rgba(8,145,178,.04)); }

/* Inputs */
:root[data-theme="light"] input, :root[data-theme="light"] textarea{
  background:#f8fafc !important; color:#0f172a !important; border:1px solid rgba(2,6,23,.12) !important;
}
:root[data-theme="light"] input:focus, :root[data-theme="light"] textarea:focus{
  box-shadow: 0 0 0 .25rem rgba(36,87,255,.15) !important;
}

/* Hero/body backgrounds for light */
:root[data-theme="light"] body{
  background:
    linear-gradient(180deg, #ffffff 0%, #f5f7fb 100%);
}
:root[data-theme="light"] .hero{ background: radial-gradient(50rem 35rem at 70% 10%, rgba(36,87,255,.06), transparent 50%); }


/* === Light Theme Overrides (Refined for Legal Brand) === */
:root[data-theme="light"]{
  --bg:#ffffff;
  --text:#0f172a;             /* Slate-900 */
  --muted:#334155;            /* Slate-700 */
  --card: #f8fafc;
  --border: rgba(2,6,23,.08);
  --primary:#1e40af;          /* Indigo-800 */
  --accent:#0ea5e9;           /* Sky-500 */
}
:root{ --text:#e5e7eb; --border: rgba(255,255,255,.06); }

body{ color:var(--text); }
.site-nav .nav-link{ color: var(--muted); }
.feature-card, .service-card, .post-card, .testimonial, .map-card{
  background: var(--card);
  border:1px solid var(--border);
}
.site-footer{ background: var(--card); border-top:1px solid var(--border); color: var(--muted); }
:root[data-theme="light"] .site-nav{ background: rgba(255,255,255,.85); backdrop-filter: blur(8px); }
:root[data-theme="light"] .btn-outline-light{ border-color: rgba(2,6,23,.25); color:#0f172a; }
:root[data-theme="light"] .btn-outline-light:hover{ background: rgba(2,6,23,.06); }
:root[data-theme="light"] .text-light{ color:#0f172a !important; }
:root[data-theme="light"] .bg-surface{ background: linear-gradient(180deg, rgba(30,64,175,.06), rgba(14,165,233,.05)); }

/* Formlar */
:root[data-theme="light"] input, :root[data-theme="light"] textarea{
  background:#f8fafc !important; color:#0f172a !important; border:1px solid rgba(2,6,23,.15) !important;
}
:root[data-theme="light"] input:focus, :root[data-theme="light"] textarea:focus{
  border-color: var(--accent) !important; box-shadow: 0 0 0 .25rem rgba(14,165,233,.18) !important;
}

/* Hero / Body backgrounds */
:root[data-theme="light"] body{
  background:
    linear-gradient(180deg, #ffffff 0%, #f5f7fb 100%);
}
:root[data-theme="light"] .hero{ background: radial-gradient(50rem 35rem at 70% 10%, rgba(30,64,175,.08), transparent 50%); }

/* Buttons inherit gradient but on light base */
:root[data-theme="light"] .btn-primary{ color:#ffffff; }

/* Light shadow tweak */
:root[data-theme="light"] .feature-card,
:root[data-theme="light"] .service-card,
:root[data-theme="light"] .post-card,
:root[data-theme="light"] .testimonial,
:root[data-theme="light"] .map-card{
  box-shadow: 0 10px 24px rgba(2,6,23,.06);
}