/* Sistema visual de ArmaBot (docs/ArmaBot.md → "Sistema visual para construir la interfaz").
   Todo color, tamaño o espaciado sale de acá. La landing usa solo el modo oscuro;
   el modo claro queda listo para el panel ([data-theme="light"]). */
/* Tipografías alojadas en el sitio (subconjunto latino, alcanza para español y portugués). */
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 500; font-display: swap; src: url('../assets/fonts/space-grotesk-latin-500-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 600; font-display: swap; src: url('../assets/fonts/space-grotesk-latin-600-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('../assets/fonts/inter-latin-400-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url('../assets/fonts/inter-latin-500-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('../assets/fonts/jetbrains-mono-latin-400-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }

:root {
  --bg: #0B1015; --surface: #151D26; --surface-2: #1C2632; --border: #243040;
  --text: #E6EDF3; --text-muted: #8B98A5;
  --primary: #3DDC84; --on-primary: #06291A; --success-text: #3DDC84;
  --warning: #F5B83D; --danger: #F87171;
  --radius-sm: 6px; --radius: 10px; --radius-lg: 16px;

  --font-titulos: 'Space Grotesk', system-ui, sans-serif;
  --font-texto: 'Inter', system-ui, sans-serif;
  --font-specs: 'JetBrains Mono', ui-monospace, monospace;

  /* Espaciado en múltiplos de 4 px */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s6: 24px;
  --s8: 32px; --s12: 48px; --s16: 64px; --s24: 96px;

  --max-width: 1200px;
  --gutter: 24px;
  --section-gap: 96px;
  --control-h: 44px;
  --duration: 200ms;
}

[data-theme="light"] {
  --bg: #FFFFFF; --surface: #F3F5F8; --surface-2: #E9EDF2; --border: #E2E8F0;
  --text: #0F172A; --text-muted: #5B6675;
  --success-text: #15803D; --warning: #B45309; --danger: #DC2626;
}

@media (max-width: 640px) {
  :root { --gutter: 16px; --section-gap: 64px; }
}