/* ═══════════════════════════════════════
   Pulse — Base: variables, reset, scrollbar
   ═══════════════════════════════════════ */
:root {
  /* Backgrounds */
  --bg:  #080a0f; --bg1: #0d1117; --bg2: #131820;
  --bg3: #1a2030; --bg4: #212840;

  /* Borders */
  --border:  rgba(255,255,255,0.07);
  --border2: rgba(255,255,255,0.12);

  /* Text */
  --text: #e8eaf0; --text2: #8892a4; --text3: #4a5568;

  /* Accents */
  --accent:  #4f8ef7; --accent2: #7c6af7;
  --green:   #34d399; --red:     #f87171;
  --amber:   #fbbf24; --cyan:    #22d3ee; --pink: #f472b6;

  /* Typography */
  --mono:  'JetBrains Mono', monospace;
  --sans:  'DM Sans', sans-serif;
  --serif: 'DM Serif Display', serif;

  /* Layout */
  --sidebar: 220px;
  --topbar:  52px;
  --r: 10px;
}

/* ── Light theme ── */
body.light-theme {
  --bg:  #f0f2f5; --bg1: #ffffff; --bg2: #f7f8fa;
  --bg3: #eceef2; --bg4: #e2e5ea;
  --border:  rgba(0,0,0,0.08);
  --border2: rgba(0,0,0,0.14);
  --text: #1a1d2e; --text2: #52576e; --text3: #9498aa;
  --accent:  #4f8ef7; --accent2: #7c6af7;
  --green:   #16a34a; --red:     #dc2626;
  --amber:   #d97706; --cyan:    #0891b2; --pink: #db2777;
  background: #f0f2f5;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; font-family: var(--sans); background: var(--bg); color: var(--text); font-size: 14px; }
body { overflow: hidden; }

::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-thumb { background: var(--bg4); border-radius: 2px; }

@keyframes spin   { from { transform: rotate(0deg)   } to { transform: rotate(360deg) } }
@keyframes pdot   { 0%,100% { opacity: 1 } 50% { opacity: .3 } }
@keyframes fadein { from { opacity: 0; transform: translateY(6px) } to { opacity: 1; transform: none } }