/* =============================================
   MVSCODE — Variáveis e Reset Global
   ============================================= */

:root {
  /* Cores */
  --black:    #080A0E;
  --surface:  #0D1117;
  --card:     #111822;
  --border:   #1E2A3A;
  --cyan:     #00E5FF;
  --cyan-dim: #00B8CC;
  --green:    #00FF88;
  --orange:   #FF6B35;
  --white:    #F0F4FF;
  --muted:    #5A7089;

  /* Tipografia */
  --font-head: 'Syne', sans-serif;
  --font-mono: 'Space Mono', monospace;
}

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

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  background: var(--black);
  color: var(--white);
  font-family: var(--font-mono);
  overflow-x: hidden;
  cursor: none;
}

/* Scrollbar */
::-webkit-scrollbar       { width: 4px; }
::-webkit-scrollbar-track { background: var(--black); }
::-webkit-scrollbar-thumb { background: var(--cyan); border-radius: 2px; }

/* Utilitários de cor */
.hl   { color: var(--cyan); }
.hl-g { color: var(--green); }
.hl-o { color: var(--orange); }