/**
 * BoringUni — Shared Theme
 * Dark gold academic aesthetic. Import this in every game.
 */

/* ── Reset ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* ── CSS Variables (default gold theme) ── */
:root {
  --bg:         #0e0b05;
  --bg2:        #1a1208;
  --panel:      #13100a;
  --gold:       #c9a84c;
  --gold-l:     #f0d882;
  --gold-d:     #7a5c1e;
  --gold-dim:   #3d2e0e;
  --border:     rgba(201,168,76,.18);
  --border-h:   rgba(201,168,76,.6);
  --text:       #e8d5a0;
  --text-dim:   #9a8455;
  --text-faint: #5a4a2a;
  --glow:       rgba(201,168,76,.12);
  --glow-h:     rgba(201,168,76,.28);
  --accent:     #c9a84c;
  --success:    #6abf7b;
  --danger:     #d4654a;
}

html { scroll-behavior: smooth; }

body {
  background: var(--bg);
  color: var(--text);
  font-family: 'Rajdhani', 'Segoe UI', sans-serif;
  min-height: 100vh;
  overflow-x: hidden;
}

/* ── Subtle background glow ── */
body::before {
  content: '';
  position: fixed; inset: 0; z-index: 0;
  background:
    radial-gradient(ellipse 60% 40% at 50% -10%, rgba(201,168,76,.06) 0%, transparent 70%),
    radial-gradient(ellipse 30% 30% at 10% 80%, rgba(201,168,76,.03) 0%, transparent 60%);
  pointer-events: none;
}

/* ── Back button (injected by sed, standardized here) ── */
.bu-back {
  position: fixed;
  top: 72px; left: 12px;
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: rgba(10,10,10,.85);
  border: 1px solid rgba(201,168,76,.3);
  border-radius: 4px;
  color: #c9a84c;
  font-family: 'Rajdhani', sans-serif;
  font-size: .8rem;
  font-weight: 600;
  text-decoration: none;
  letter-spacing: .05em;
  backdrop-filter: blur(6px);
  transition: border-color .2s, color .2s;
}
.bu-back:hover {
  border-color: #c9a84c;
  color: #f0d882;
}

/* ── Typography helpers ── */
.font-display { font-family: 'Cinzel Decorative', 'Cinzel', serif; }
.font-heading { font-family: 'Cinzel', serif; }
.font-mono    { font-family: 'Orbitron', 'Rajdhani', monospace; }

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: var(--gold-dim); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--gold-d); }

/* ── Selection ── */
::selection { background: rgba(201,168,76,.3); color: var(--gold-l); }