/* ════════════════════════════════════════════════════════════════════
   LIQUA THEME · exchange suite → liqua.network design language
   ──────────────────────────────────────────────────────────────────
   The exchange pages were built on the amber near-black terminal
   palette. This sheet remaps their CSS variables onto the site palette
   (ice/violet · rounded · Inter prose) used by index.html, docs/,
   presale.html — so the whole suite reads as ONE site.
   Link AFTER the page's own <style> and after l8-modern.css.
   ════════════════════════════════════════════════════════════════════ */

:root{
  /* surfaces */
  --bg:#0a0c12; --bg2:#0c0f16; --panel:#11151e; --panel2:#161b26;
  --border:#1c2436; --border2:#2a3550; --border3:#324067; --grid:#141a28;
  /* type */
  --text:#d2d8e8; --muted:#7a849c; --dim:#495066;
  /* accents — old amber brand becomes ice */
  --amber:#7dd3fc; --amber-d:#2c4b66;
  --gold:#b9e7ff;
  --cyan:#38d4e6; --green:#34d399; --red:#ff5d7a;
  --magenta:#e879f9; --violet:#8b5cf6; --blue:#7dd3fc;
}

::selection{ background:#7dd3fc; color:#04121c }

/* brand mark — svg hex replaces the amber square */
.hdr-brand .lmk, .brand .lmk{ width:17px; height:17px; display:block; flex:0 0 auto }

/* header glass, like the site nav */
.hdr, .brandbar{
  background:rgba(10,12,18,.85)!important;
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border)!important;
}

/* honesty / testnet banners keep the site's warm DEVNET amber
   (everything else went ice — warnings should still read warm) */
.honest{
  background:linear-gradient(180deg,rgba(240,180,41,.10),rgba(240,180,41,.03))!important;
  border-color:#5a4a1f!important; color:#f0b429!important;
}
.honest b{ color:#ffd877!important }
.honest code, .honest a{ color:#7dd3fc }

/* hero glow (liqua.html) — was amber radial */
.hero{
  background:
    radial-gradient(900px 420px at 78% -10%, rgba(139,92,246,.14), transparent 60%),
    radial-gradient(800px 400px at 12% 0%, rgba(125,211,252,.10), transparent 58%),
    var(--bg)!important;
}
.hero h1{ text-shadow:0 0 60px rgba(125,211,252,.18)!important }

/* buttons on ice need dark ink when filled */
.cta:not(.ghost), .ctl-buttons .mine.live{ color:#04121c!important }
.cta:hover{ color:#04121c }

/* tables / code blocks pick up the deep panel */
pre, .codeblock, .hash-block{ background:#0c1018!important }
th{ background:#0e1320!important }