/* =========================================================
   NiKao Global UI Authority
   Default: Dark + English
   ========================================================= */

:root{
  --nk-bg:#07111f;
  --nk-surface:#0d1b2b;
  --nk-card:#101f31;
  --nk-card-soft:#132438;
  --nk-border:#293d53;

  --nk-text:#f4f8fc;
  --nk-muted:#9dafc1;

  --nk-navy:#082b63;
  --nk-blue:#1565d8;
  --nk-green:#09b377;
  --nk-teal:#00bfa6;
  --nk-gold:#ffb547;
}


html[data-theme="light"]{
  --nk-bg:#f5f8fc;
  --nk-surface:#ffffff;
  --nk-card:#ffffff;
  --nk-card-soft:#f7fafd;
  --nk-border:#dce6ef;

  --nk-text:#0a1f57;
  --nk-muted:#687d91;
}


html,
body{
  background:var(--nk-bg);
  color:var(--nk-text);
}


/* =========================================================
   GLOBAL CONTROLS
   ========================================================= */

[data-ui-theme-toggle]{
  width:40px;
  height:40px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  border:1px solid #e3a333;
  border-radius:10px;

  background:var(--nk-gold);
  color:#082b63;

  font-size:18px;
  font-weight:800;

  cursor:pointer;
}


[data-ui-language-toggle]{
  width:40px;
  height:40px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  border:1px solid var(--nk-border);
  border-radius:10px;

  background:var(--nk-card);
  color:var(--nk-text);

  font-size:12px;
  font-weight:800;

  cursor:pointer;
}


/* =========================================================
   PUBLIC
   ========================================================= */

html[data-theme="dark"] .site-header{
  background:#081522 !important;
  border-color:var(--nk-border) !important;
}

html[data-theme="dark"] .hero,
html[data-theme="dark"] .home-section,
html[data-theme="dark"] .content-page,
html[data-theme="dark"] .content-body{
  background:var(--nk-bg) !important;
}

html[data-theme="dark"] .content-card,
html[data-theme="dark"] .partner-access-card{
  background:var(--nk-card) !important;
  border-color:var(--nk-border) !important;
}

html[data-theme="dark"] .content-card h1,
html[data-theme="dark"] .content-card h2,
html[data-theme="dark"] .content-card h3{
  color:var(--nk-text) !important;
}


/* =========================================================
   AUTH
   ========================================================= */

html[data-theme="dark"] .auth-page{
  background:var(--nk-bg) !important;
  color:var(--nk-text) !important;
}

html[data-theme="dark"] .auth-header{
  background:#081522 !important;
  border-color:var(--nk-border) !important;
}

html[data-theme="dark"] .auth-shell{
  background:var(--nk-card) !important;
  border-color:var(--nk-border) !important;
}

html[data-theme="dark"] .auth-card{
  background:var(--nk-card) !important;
  color:var(--nk-text) !important;
}

html[data-theme="dark"] .auth-card h1,
html[data-theme="dark"] .auth-card h2,
html[data-theme="dark"] .auth-card label,
html[data-theme="dark"] .auth-back{
  color:var(--nk-text) !important;
}

html[data-theme="dark"] .auth-sub,
html[data-theme="dark"] .auth-switch,
html[data-theme="dark"] .field-help{
  color:var(--nk-muted) !important;
}

html[data-theme="dark"] .auth-card input,
html[data-theme="dark"] .auth-card select,
html[data-theme="dark"] .auth-card textarea{
  background:#0a1726 !important;
  color:var(--nk-text) !important;
  border-color:var(--nk-border) !important;
}


/* =========================================================
   INTERNAL APP
   ========================================================= */

html[data-theme="dark"] .dashboard-page,
html[data-theme="dark"] .app-main,
html[data-theme="dark"] .onboarding-shell{
  background:var(--nk-bg) !important;
  color:var(--nk-text) !important;
}

html[data-theme="dark"] .app-topbar{
  background:#081522 !important;
  border-color:var(--nk-border) !important;
}

html[data-theme="dark"] .app-topbar strong{
  color:var(--nk-text) !important;
}

html[data-theme="dark"] .app-topbar small{
  color:var(--nk-muted) !important;
}

html[data-theme="dark"] .welcome-card,
html[data-theme="dark"] .goal-card,
html[data-theme="dark"] .location-card,
html[data-theme="dark"] .budget-card,
html[data-theme="dark"] .review-card,
html[data-theme="dark"] .creative-card,
html[data-theme="dark"] .analysis-fields-card{
  background:var(--nk-card) !important;
  border-color:var(--nk-border) !important;
}

html[data-theme="dark"] .welcome-card h1,
html[data-theme="dark"] .welcome-card h2,
html[data-theme="dark"] .welcome-card h3,
html[data-theme="dark"] .review-card strong{
  color:var(--nk-text) !important;
}

html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{
  background:#0a1726 !important;
  color:var(--nk-text) !important;
  border-color:var(--nk-border) !important;
}

html[data-theme="dark"] .mobile-bottom-nav{
  background:rgba(8,21,34,.98) !important;
  border-color:var(--nk-border) !important;
}


@media(max-width:768px){

  [data-ui-theme-toggle],
  [data-ui-language-toggle]{
    width:38px;
    min-width:38px;
    height:38px;
  }

}