/* ============================================================
   theme-unify — one dark language for every tool page.
   Loaded LAST in <head>, AFTER each page's own stylesheets.
   Only redefines variables + a few hardcoded light spots.
   Original theme files are never edited. Hub reference:
   bg #0b0e17 · panel #131a2c · panel2 #1a2340 · amber #ffb300
   ============================================================ */
:root{
  color-scheme:dark;

  /* backlink/styles.css set */
  --bg:#0b0e17; --bg-2:#0e1320; --card:#131a2c; --card-2:#1a2340;
  --surface-tint:rgba(255,255,255,.03);
  --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.22);
  --ink:#eef1f8; --ink-2:#c6cde3; --muted:#9aa4bf;
  --accent:#ffb300; --accent-2:#ff8a00;
  --accent-soft:rgba(255,179,0,.09); --accent-line:rgba(255,179,0,.38);
  --on-accent:#231600;
  --ok:#34d399; --bad:#ff6b6b; --warn:#ffb300; --ring:rgba(255,179,0,.28);
  --shadow:0 18px 44px -26px rgba(0,0,0,.7);
  --shadow-lift:0 22px 50px -30px rgba(0,0,0,.7);

  /* highdr_backlink.html set */
  --bg-raise:#131a2c; --surface:#131a2c; --surface-2:#1a2340;
  --line-strong:rgba(255,255,255,.22);
  --text:#eef1f8; --text-dim:#c6cde3; --accent-ink:#231600;

  /* learn-seo set */
  --panel:#131a2c; --panel2:#1a2340; --text:#eef1f8;
  --green:#34d399; --red:#ff6b6b; --border:#232c4a;

  /* keywords atlas set */
  --paper:#0b0e17; --ink:#eef1f8;
  --accent-2:#ff8a00; --hot:#ff8a5c; --gold:#edc85b;
  --shadow:0 24px 60px -30px rgba(0,0,0,.7);
  --soft-shadow:0 7px 20px rgba(0,0,0,.4);
}

::selection{background:#ffb300;color:#231600}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:#0b0e17}
::-webkit-scrollbar-thumb{background:#232c4a;border-radius:99px;border:2px solid #0b0e17}
::-webkit-scrollbar-thumb:hover{background:#ffb300}

/* ---- every tool page: same amber aura + dark base as hub ---- */
body{
  background:
    radial-gradient(60vw 60vw at 12% -8%, rgba(255,179,0,.08), transparent 62%),
    radial-gradient(52vw 46vw at 96% 8%, rgba(255,138,0,.05), transparent 60%),
    radial-gradient(70vw 60vw at 50% 118%, rgba(255,179,0,.05), transparent 65%),
    #0b0e17;
}

/* ---- highdr floating nav + search + chips: light glass -> dark ---- */
.nav{background:rgba(11,14,23,.9); box-shadow:0 18px 44px -26px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.06)}
.search{background:#0d1220}
.blsearch__chip{background:rgba(19,26,44,.92)}
.brand__mark{background:linear-gradient(150deg,#ffb300,#ff8a00)}

/* ---- backlink header + chips: hardcoded light glass -> dark ---- */
.site-head{background:rgba(11,14,23,.88); border-bottom-color:#232c4a}
.chip{background:rgba(19,26,44,.9)}

/* ---- backlink tools: hardcoded white form controls ---- */
#urlInput, #newUrl, #advancedPanel select{
  background:#0d1220; color:#eef1f8; border-color:#232c4a;
}
#urlInput::placeholder, #newUrl::placeholder{color:#6b7694}
#toggleAdvancedBtn, #copyBtn{background:#1a2340; color:#eef1f8}
#previewwebsite{background:#0d1220; border-color:#232c4a}

/* ---- highdr: flat translucent cards -> solid dark panels ---- */
.blcard, .stat, .live__panel{background:#131a2c}
.live__row{background:#101627}
.brand__mark{background:linear-gradient(150deg,#ffb300,#ff8a00)}
.search input, .live__field input{background:#0d1220; color:#eef1f8}

/* ---- keywords atlas: keep lab block readable on forced dark ---- */
.lab{background:#edf6f1; color:#14211d}