/* StreamVault Theme: midnight_blue */
:root {
  --accent: #3b82f6;
  --accent-hover: #60a5fa;
  --bg: #0a0f1e;
  --bg2: #0f172a;
  --bg3: #1e293b;
  --bg4: #1e3050;
  --text: #e2e8f0;
  --text2: #94a3b8;
  --text3: #64748b;
  --border: rgba(59,130,246,.15);
  --border2: rgba(59,130,246,.25);
  --radius: 8px;
  --radius-lg: 12px;
  --gold: #fbbf24;
  --shadow: 0 4px 24px rgba(0,0,0,.8);
  --nav-h: 58px;
  --header-bg: #0d1424;
  --font-body: 'Inter',system-ui,sans-serif;
  --font-head: 'Inter',system-ui,sans-serif;
}

/* Midnight Blue */
body{background:#0a0f1e}
.site-header{backdrop-filter:blur(12px);border-bottom-color:rgba(59,130,246,.2)}
.card{background:linear-gradient(135deg,#0f172a,#1a2540);border-radius:12px}
.card:hover{border-color:rgba(59,130,246,.4);box-shadow:0 16px 40px rgba(0,0,0,.7),0 0 0 1px rgba(59,130,246,.2)}
.btn-primary{box-shadow:0 4px 14px rgba(59,130,246,.4)}
.page-btn.active{background:#3b82f6;border-color:#3b82f6}