/* ============================================================
   OrbitSwap — inner-page theme. Reskins the (tailwind) content
   pages to match the Orbit home (style.css): deep-space bg,
   Orbitron headings, Rajdhani body, holo/gold accents.
   Loaded AFTER tailwind.min.css + orbit-overrides.css.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;600;700;900&family=Rajdhani:wght@400;500;600;700&family=Share+Tech+Mono&display=swap');

:root{
  --space:#050505; --space-2:#0a0a0c; --panel:#0e0e12; --panel-2:#121217;
  --line:#20222b; --line-2:#2e3038; --line-holo:rgba(231,237,246,.18);
  --holo:#e7edf6; --text:#eef0f3; --muted:#9a9aa3;
  --sith:#e3b24a; --sith-bright:#f3d489; --sith-deep:#7e5e12; --gold:#e7c879;
  --f-display:'Orbitron',system-ui,sans-serif;
  --f-body:'Rajdhani',system-ui,sans-serif;
  --f-mono:'Share Tech Mono','Courier New',monospace;
}

/* ---------- base / deep space ---------- */
body{
  background:
    radial-gradient(1100px 620px at 78% -12%, rgba(227,178,74,.08), transparent 60%),
    radial-gradient(900px 520px at 8% -6%, rgba(231,237,246,.05), transparent 55%),
    var(--space) !important;
  color:var(--text) !important;
  font-family:var(--f-body) !important;
  font-size:17px; letter-spacing:.2px;
}
body::before{ /* faint starfield */
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.55;
  background-image:
    radial-gradient(1px 1px at 18% 28%, rgba(255,255,255,.6), transparent),
    radial-gradient(1px 1px at 68% 58%, rgba(255,255,255,.4), transparent),
    radial-gradient(1px 1px at 38% 82%, rgba(255,255,255,.35), transparent),
    radial-gradient(1px 1px at 88% 22%, rgba(255,255,255,.45), transparent),
    radial-gradient(1px 1px at 52% 12%, rgba(255,255,255,.3), transparent);
}
body > *{ position:relative; z-index:1; }

/* ---------- surfaces → Orbit panels ---------- */
.bg-dark-600,.bg-dark-700{ background-color:rgba(10,10,12,.66)!important; }
.bg-dark-400,.bg-dark-300,.bg-dark-200,.bg-dark-100,.bg-dark-50,.bg-white{
  background-color:rgba(18,18,23,.72)!important;
  border:1px solid var(--line)!important;
  backdrop-filter:blur(6px);
}
.rounded-xl,.rounded-2xl,.rounded-lg{ box-shadow:0 1px 0 rgba(231,237,246,.04) inset; }

/* ---------- text ---------- */
.text-white,.text-gray-100{ color:var(--text)!important; }
.text-gray-300{ color:#c8cad3!important; }
.text-gray-400,.text-gray-500,.text-gray-600{ color:var(--muted)!important; }
.border-gray-800,.border-gray-700,.border-gray-600,.border-gray-500,.border-white{ border-color:var(--line)!important; }

/* ---------- headings → Orbitron ---------- */
h1,h2,h3,h4{ font-family:var(--f-display)!important; letter-spacing:.5px; font-weight:700; }
h1{ color:var(--holo)!important; text-shadow:0 0 20px rgba(231,237,246,.22); }
.text-monero,.text-orbit{ color:var(--sith)!important; }

/* ---------- links ---------- */
a{ transition:color .2s; }
main a:not([class*="bg-"]):not(.rounded-xl):hover,
footer a:hover{ color:var(--sith)!important; }

/* ---------- header → Orbit ---------- */
header.sticky,header[class*="border-b"]{
  background:rgba(5,5,5,.82)!important;
  border-bottom:1px solid var(--line)!important;
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
}
header .text-xl,header .font-bold,header .font-semibold{ font-family:var(--f-display)!important; letter-spacing:1px; }
header nav a:hover{ color:var(--sith)!important; }

/* ---------- buttons (legacy "monero" CTAs) → gold gradient ---------- */
.bg-monero,a.bg-monero,button.bg-monero,.bg-monero-light{
  background:linear-gradient(135deg,var(--sith),var(--sith-bright))!important;
  color:#0a0a0a!important; font-family:var(--f-display)!important; font-weight:600;
  border:none!important; box-shadow:0 10px 30px rgba(227,178,74,.22);
}
.bg-monero:hover,a.bg-monero:hover,button.bg-monero:hover{ filter:brightness(1.08); }

/* ---------- inputs ---------- */
input,textarea,select{ background:rgba(10,10,12,.6)!important; border:1px solid var(--line)!important; color:var(--text)!important; }
input:focus,textarea:focus,select:focus{ outline:none; border-color:var(--sith)!important; box-shadow:0 0 0 2px rgba(227,178,74,.22)!important; }

/* ---------- footer → Orbit ---------- */
footer[class*="border-t"]{ border-top:1px solid var(--line)!important; background:rgba(5,5,5,.45); }

/* ---------- code / api ---------- */
code,pre,.font-mono{ font-family:var(--f-mono)!important; }
pre,code{ background:rgba(10,10,12,.7)!important; border:1px solid var(--line); }

/* ---------- gold gradient text helper (matches home accents) ---------- */
.text-transparent.bg-clip-text{ background-image:linear-gradient(90deg,var(--holo),var(--sith-bright))!important; }