/* ============================================================
   SYSNET · TEMA (paleta + tipografía)
   Este es el archivo que se intercambia para cambiar de "tema".
   Toda la estructura (estructura.css) y los efectos (efectos.css)
   se pintan a partir de estas variables. Duplica este archivo,
   cambia los valores y tendrás un tema nuevo sin tocar el HTML.
   ============================================================ */

:root {
  /* ---- Fondos ---- */
  --bg:           #14181c;   /* fondo base de la página */
  --bg-alt:       #0f1316;   /* bandas / secciones alternas */
  --bg-footer:    #0b0e10;   /* pie de página */
  --panel:        #1a1f24;   /* tarjetas y paneles */

  /* ---- Acento de marca ---- */
  --accent:       #00A6E0;   /* cian Sysnet */
  --accent-hover: #33bbe8;
  --accent-deep:  #005a8a;   /* degradado CTA */
  --on-accent:    #0b1418;   /* texto sobre el acento */

  /* ---- Texto ---- */
  --heading:      #ffffff;
  --text:         #e6ebef;
  --text-2:       #c4ccd3;
  --text-3:       #b3bcc4;
  --muted:        #8b949c;
  --muted-2:      #9aa4ad;
  --faint:        #7f8890;
  --faint-2:      #5f686f;

  /* ---- Bordes ---- */
  --border:        rgba(255,255,255,0.08);
  --border-strong: rgba(255,255,255,0.10);
  --border-input:  rgba(255,255,255,0.14);
  --border-ghost:  rgba(255,255,255,0.24);

  /* ---- Estado ---- */
  --danger:       #e86a6a;
  --danger-bg:    rgba(224,72,72,0.10);
  --danger-border:rgba(224,72,72,0.40);
  --ok-bg:        rgba(0,166,224,0.14);
  --ok-border:    rgba(0,166,224,0.40);

  /* ---- Tipografía ---- */
  --font-sans: 'Segoe UI', system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', 'Cascadia Code', Consolas, 'Courier New', monospace;

  /* ---- Radios y layout ---- */
  --radius-sm: 8px;
  --radius:    14px;
  --radius-lg: 18px;
  --maxw:      1280px;
  --gutter:    48px;
}