:root{
  /* ===== Paleta ===== */
  --primary: #45556C;
  --primary2: #2F3A4A;
  --primarySoft: rgba(69, 85, 108, .14);

  --accent: #C20FFF;
  --accentSoft: rgba(194, 15, 255, .10);

  /* ===== Fondo con imagen (misma para todas las pantallas) ===== */
  --bg-image: url("/IMAGENES/fondos/fondo.jpg"); /* <- cambia a .png si aplica */
  --bg-overlay: rgba(246, 247, 251, .86);        /* “velo” claro encima */
  --bg-overlay-2: rgba(255, 255, 255, .86);

  /* ===== Texto ===== */
  --text: #141416;
  --text2: rgba(20, 20, 22, .72);
  --muted: rgba(20, 20, 22, .55);

  /* ===== Líneas / Glass ===== */
  --line: rgba(20, 20, 22, .10);
  --line2: rgba(20, 20, 22, .14);

  --glass: rgba(255,255,255,.76);
  --glass2: rgba(255,255,255,.60);

  /* ===== Sombras / Bordes ===== */
  --shadow: 0 18px 55px rgba(20,20,22,.10);
  --shadow2: 0 10px 28px rgba(20,20,22,.08);

  --radius: 20px;
  --radius2: 16px;

  --focus: 0 0 0 .22rem rgba(69, 85, 108, .22);

  --font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
}