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

body {
  background: #f8f9fb;
  font-family: 'Proxima Nova Arabic', 'Proxima Nova', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 14px;
  color: #141d2e;
  line-height: 1.6;
  min-height: 100vh;
}

h1, h2, h3, h4, h5, h6 { margin: 0; }

.mono { font-family: 'DM Mono', 'SF Mono', 'Cascadia Mono', monospace; }

/* ── SCROLLBAR ────────────────────────────────────────────────────────────── */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: #f8f9fb; }
::-webkit-scrollbar-thumb { background: #e1e6ef; border-radius: 2px; }

/* ── ANIMATION ────────────────────────────────────────────────────────────── */
@keyframes riseIn {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── HIDDEN UTILITY ───────────────────────────────────────────────────────── */
.hidden { display: none !important; }