/* ============================================================
 * MapRed — Paleta y variables del panel.
 * Cambiando estos valores se cambia el aspecto de TODO el panel.
 *
 * Esta misma paleta es la que se usará en Unity (mapa 3D).
 * Equivalencias para C#:  new Color32(r, g, b, 255)
 *   Ciruela 900  #2a0620  (42, 6, 32)     fondo más oscuro / degradado
 *   Ciruela 800  #3a0630  (58, 6, 48)     pie de página, avisos
 *   Ciruela 700  #520d40  (82, 13, 64)    encabezado, routers
 *   Vino         #8a0f4c  (138, 15, 76)   botones oscuros
 *   Magenta      #e0115f  (224, 17, 95)   switches, marcos, activo
 *   Rosa fuerte  #f0197d  (240, 25, 125)  botón principal
 *   Rosa         #ff2d78  (255, 45, 120)  acento "Red", selección
 *   Violeta      #7f5bd0  (127, 91, 208)  access points
 *   Lavanda      #b49cec  (180, 156, 236) fondo inferior del degradado
 *   Firewall     #b45309  (180, 83, 9)
 *   Servidor     #1f6f8b  (31, 111, 139)
 *   En línea     #17703a  (23, 112, 58)   ·  Sin conexión  #8c7f8a (140, 127, 138)
 *   Error        #b4142e  (180, 20, 46)
 * ============================================================ */

:root {
  /* --- Marca --- */
  --plum-900: #2a0620;
  --plum-800: #3a0630;
  --plum-700: #520d40;
  --wine: #8a0f4c;
  --magenta: #e0115f;
  --hot: #f0197d;
  --pink: #ff2d78;
  --rose: #d81b60;
  --rose-ink: #b8146f;
  --violet: #7f5bd0;
  --violet-ink: #5b3aa8;
  --lav: #b49cec;

  /* --- Colores por tipo de equipo (mismos que en el mapa 3D) --- */
  --type-router: #520d40;
  --type-switch: #e0115f;
  --type-ap: #7f5bd0;
  --type-firewall: #b45309;
  --type-server: #1f6f8b;
  --type-offline: #8c7f8a;

  /* --- Superficies y texto --- */
  --card: #ffffff;
  --soft: #faf7f9;
  --line: #eee3ea;
  --field: #dcd8d8;
  --ink: #2a0a22;
  --ink-2: #4a3546;
  --muted-ink: #6b5566;

  /* --- Estados --- */
  --ok: #17703a;      --ok-bg: #e3f6ea;   --ok-line: #bfe5cc;
  --err: #b4142e;     --err-bg: #fde6ea;  --err-line: #f6c3cd;
  --warn: #a14a07;    --warn-bg: #fdecd6;
  --chip: #fbe4ee;    --chip-ink: #a30d55;
  --vchip: #efe8fb;

  /* --- Degradados --- */
  --grad-app: linear-gradient(180deg, #4a0b3a 0%, #6d1d63 30%, #9a6fd0 72%, var(--lav) 100%);
  --grad-landing: linear-gradient(180deg, #4a0b3a 0%, #8a0a5c 14%, #9a6fd0 34%, #ad92ee 48%, #ad92ee 100%);
  --grad-frame: linear-gradient(180deg, var(--magenta), var(--plum-900));
  --grad-soft: linear-gradient(180deg, #fdf3f8, #f1eafb);

  /* --- Tipografía y formas --- */
  --font: 'Lexend', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --mono: ui-monospace, 'Cascadia Code', Consolas, monospace;
  --radius: 10px;
  --radius-card: 28px;

  /* --- Nombres anteriores (por compatibilidad con estilos viejos) --- */
  --bg: var(--soft);
  --surface: var(--card);
  --border: var(--line);
  --text: var(--ink);
  --text-secondary: var(--muted-ink);
  --accent: var(--magenta);
  --accent-hover: var(--rose);
  --accent-bg: var(--chip);
  --danger: var(--err);
  --danger-bg: var(--err-bg);
  --success: var(--ok);
  --success-bg: var(--ok-bg);
  --warning-bg: var(--warn-bg);
  --warning-text: var(--warn);

  color-scheme: light;
}