/* =========================================================
   PortalMine Theme — Option 2 (Neon Blue / Cloud SaaS)
   Single, fixed background layer to prevent "patchy" look
========================================================= */

:root{
  --pm-bg:  #020617;
  --pm-bg2: #0b1220;

  --pm-blue:  #3b82f6;
  --pm-blue2: #2563eb;
  --pm-sky:   #0ea5e9;
  --pm-sky2:  #0284c7;

  --pm-accent:  #a78bfa;
  --pm-accent2: #8b5cf6;

  --pm-text:  #e5e7eb;
  --pm-muted: #cbd5e1;
  --pm-border: rgba(148,163,184,0.55);

  --pm-panel: rgba(15,23,42,0.90);
  --pm-surface: #0b1120;
}

/* ===== Base ===== */
*{ box-sizing: border-box; }

html, body{
  margin: 0;
  min-height: 100%;
  background: var(--pm-bg) !important; /*   */
  color: var(--pm-text);
}

html{ scroll-behavior: smooth; }

/* ===== ONE GLOBAL BACKGROUND LAYER (NO PATCHES) ===== */
/* ===== ONE PIECE BACKGROUND (fixed, no patch seams) ===== */
body{
  margin: 0;
  min-height: 100vh;
  color: var(--pm-text);

  background-color: var(--pm-bg);
  background-image:
    /* left highlight */
    radial-gradient(900px 750px at 12% 58%, rgba(59,130,246,.34), transparent 62%),
    /* right highlight */
    radial-gradient(950px 800px at 88% 58%, rgba(14,165,233,.30), transparent 62%),
    /* top soft glow */
    radial-gradient(900px 650px at 52% 18%, rgba(167,139,250,.16), transparent 64%),
    /* bottom soft glow */
    radial-gradient(800px 620px at 50% 110%, rgba(2,132,199,.14), transparent 66%),
    /* base gradient */
    linear-gradient(145deg, #020617 0%, #040a18 30%, #0b1220 70%, #020617 100%);

  background-repeat: no-repeat;
  background-attachment: fixed; /* ✅ ‌     */
  background-size: cover;
}


/* Focus ring */
:focus-visible{
  outline: 2px solid var(--pm-sky) !important;
  outline-offset: 3px;
}

/* =========================================================
   Global "force dark surfaces" (  )
========================================================= */
.bg-white,
.bg-\[\#f5f3ff\],
.bg-\[\#f9fafb\]{
  background-color: var(--pm-surface) !important;
}

.bg-white\/80{
  background-color: var(--pm-panel) !important;
}

/* Borders */
.border-\[\#e5e7eb\],
.border-slate-200,
.border-\[\#a855f7\],
.border-\[\#9333ea\],
.border-\[\#6366f1\]{
  border-color: var(--pm-border) !important;
}

/* Common text colors on dark */
.text-\[\#4b5563\],
.text-\[\#374151\],
.text-\[\#6b7280\],
.text-slate-500,
.text-slate-700{
  color: var(--pm-muted) !important;
}

/* Replace old purple tokens anywhere */
.text-\[\#4c1d95\],
.text-\[\#6b21a8\],
.text-\[\#7c3aed\],
.text-\[\#8b5cf6\],
.text-\[\#a855f7\],
.text-purple-500,
.text-purple-600,
.text-purple-700{
  color: #93c5fd !important;
}

/* Replace purple backgrounds/buttons anywhere */
.bg-\[\#a855f7\],
.bg-\[\#9333ea\],
.bg-purple-500,
.bg-purple-600,
.bg-purple-700{
  background-color: var(--pm-blue) !important;
  color: #06121f !important;
}

/* Purple hover -> Blue hover */
.hover\:bg-\[\#9333ea\]:hover,
.hover\:bg-purple-600:hover,
.hover\:bg-purple-700:hover{
  background-color: var(--pm-blue2) !important;
}

/* Light purple hover surface -> subtle blue */
.hover\:bg-\[\#f5f3ff\]:hover{
  background-color: rgba(59,130,246,0.10) !important;
}

/* =========================================================
   Optional components you already used
========================================================= */

/*   (Glow) */
.mc-main-card {
  position: relative;
  overflow: hidden;
}

.mc-main-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,0.18), transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(14,165,233,0.14), transparent 55%);
  opacity: 0.70;
  pointer-events: none;
}

/*    () */
.mc-grass-strip {
  background: linear-gradient(135deg, rgba(59,130,246,0.85), rgba(14,165,233,0.85));
  box-shadow:
    0 3px 0 rgba(2, 6, 23, 0.85),
    0 6px 14px rgba(15, 23, 42, 0.9);
  border: 2px solid rgba(59,130,246,0.55);
}

/*  */
.minecraft-avatar {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(59,130,246,0.28), rgba(14,165,233,0.22));
  border: 1px solid rgba(148,163,184,0.35);
  display: grid;
  place-items: center;
  overflow: hidden;
}

/* CTA shadow */
button#primary-cta {
  box-shadow: 0 14px 35px rgba(59, 130, 246, 0.35);
}
button#primary-cta:hover {
  filter: brightness(1.06);
}

/* Signup button shadow */
#signup-btn {
  box-shadow: 0 10px 25px rgba(59, 130, 246, 0.20);
}
#signup-btn:hover {
  filter: brightness(1.05);
}

/* Auth modal background safety */
#auth-modal .bg-\[\#0f172a\],
#auth-modal .bg-\[\\#0f172a\]{
  background-color: var(--pm-bg) !important;
}