/* =====================================================
   NOVATAP — AURORA GLASS DESIGN SYSTEM
   Font: "Space Grotesk" (display) + "JetBrains Mono" (số liệu)
   Hướng thiết kế: nền tối, thẻ kính mờ (glassmorphism), gradient
   aurora (teal -> violet -> hồng) làm accent — thay hoàn toàn
   theme cam-đen "đào Bitcoin" của bản gốc.
===================================================== */
:root {
  /* Surfaces */
  --bg-void:      #0a0e17;
  --bg-1:         #0f1524;
  --bg-2:         #141b2e;
  --bg-3:         #1b2438;
  --glass:        rgba(20, 27, 46, 0.72);
  --glass-border: rgba(255, 255, 255, 0.08);

  /* Aurora gradient accents */
  --aurora-teal:   #2dd4bf;
  --aurora-violet: #8b5cf6;
  --aurora-pink:   #f472b6;
  --aurora-gradient: linear-gradient(135deg, var(--aurora-teal) 0%, var(--aurora-violet) 55%, var(--aurora-pink) 100%);
  --aurora-glow:   rgba(139, 92, 246, 0.28);

  /* Semantic */
  --success: #34d399;
  --warning: #fbbf24;
  --danger:  #fb7185;
  --info:    #38bdf8;

  /* Text */
  --text-primary:   #f5f7fb;
  --text-secondary: #a4adc4;
  --text-muted:     #6b7490;

  /* Radius / spacing */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;

  --shadow-glow: 0 8px 32px rgba(0, 0, 0, 0.35);
}

* { box-sizing: border-box; }

body.novatap {
  margin: 0;
  background: radial-gradient(ellipse at top, var(--bg-2) 0%, var(--bg-void) 60%);
  color: var(--text-primary);
  font-family: 'Space Grotesk', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.mono { font-family: 'JetBrains Mono', monospace; }

.glass-card {
  background: var(--glass);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-lg);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: var(--shadow-glow);
}

.btn-aurora {
  background: var(--aurora-gradient);
  border: none;
  color: #0a0e17;
  font-weight: 700;
  border-radius: var(--radius-md);
  padding: 14px 20px;
  cursor: pointer;
  box-shadow: 0 6px 24px var(--aurora-glow);
  transition: transform .15s ease, box-shadow .15s ease;
}
.btn-aurora:active { transform: scale(0.97); }
.btn-aurora:disabled { opacity: .5; cursor: not-allowed; box-shadow: none; }

.text-secondary { color: var(--text-secondary); }
.text-muted { color: var(--text-muted); }