/* ============================================
   DEVNOVA — VARIÁVEIS GLOBAIS
   Tema escuro · azul-noite + acento teal (terminal)
   ============================================ */

:root {
  /* Fundos */
  --bg:          #0B0E14;   /* azul-noite, base */
  --bg-2:        #11151F;   /* superfícies elevadas (cards) */
  --bg-3:        #171C28;   /* hover / superfícies mais altas */

  /* Acento — teal de cursor de terminal */
  --accent:      #5EEAD4;
  --accent-dim:  #2DD4BF;
  --accent-deep: #0F3D38;   /* teal muito escuro p/ fundos subtis */
  --accent-glow: rgba(94, 234, 212, 0.14);

  /* Texto */
  --text:        #E8ECF3;   /* principal */
  --text-2:      #A0A9BA;   /* secundário */
  --text-3:      #5E687C;   /* terciário / captions */

  /* Linhas */
  --line:        #1E2432;
  --line-2:      #2A3141;

  /* Tipografia */
  --font-display: 'Space Grotesk', sans-serif;
  --font-body:    'Inter', sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Espaçamento */
  --section-px: 6vw;
  --section-py: 7rem;

  /* Raios */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;

  --transition: 0.18s ease;
}

@media (max-width: 768px) {
  :root { --section-px: 6vw; --section-py: 4.5rem; }
}
@media (max-width: 480px) {
  :root { --section-px: 6vw; --section-py: 3.75rem; }
}