/* ============================================================
   NEXUZ — Theme Variables  (única fuente de verdad)
   Incluir ANTES de portal.css en todas las páginas:
     <link rel="stylesheet" href="Styles/theme.css?v=1" />
     <link rel="stylesheet" href="Styles/portal.css?v=N"  />

   Para cambiar el color de toda la web, editar solo este archivo.
   ============================================================ */

:root {

  /* ── Marca / Brand ──────────────────────────────────────── */
  --brand-x-a:   #ff6b35;           /* degradado X — inicio  */
  --brand-x-b:   #ff416c;           /* degradado X — fin     */

  /* ── Primario ───────────────────────────────────────────── */
  --blue:        #0078d4;
  --blue-hover:  #006cbf;
  --blue-light:  #eff6ff;
  --teal:        #00b294;
  --green:       #7bc67e;
  --yellow-green:#c5e05a;

  /* ── Fondo de página ────────────────────────────────────── */
  /* Para cambiar el fondo de toda la web, editar estas 4 paradas */
  --bg-stop-1:   #bcdff4;           /* 0%   */
  --bg-stop-2:   #d0eaf8;           /* 35%  */
  --bg-stop-3:   #e2f2fb;           /* 65%  */
  --bg-stop-4:   #f0f8fd;           /* 100% */
  --bg-grad: linear-gradient(180deg,
    var(--bg-stop-1)  0%,
    var(--bg-stop-2) 35%,
    var(--bg-stop-3) 65%,
    var(--bg-stop-4) 100%);

  /* ── Sidebar / Glass ────────────────────────────────────── */
  /* Para cambiar el color del menú lateral de toda la web: */
  --sidebar-w:          185px;
  --sidebar-bg:         transparent;              /* mismo fondo que la web */
  --sidebar-blur:       0px;
  --sidebar-border-clr: rgba(0, 0, 0, .06);       /* separador sutil        */
  --sidebar-shadow:     1px 0 0 rgba(0, 0, 0, .04);

  /* ── Cards / Paneles glass (Login form, modales, etc.) ─── */
  --glass-bg:     rgba(255, 255, 255, .72);  /* blanco glass — como antes */
  --glass-border: rgba(255, 255, 255, .75);

  /* ── Inputs ─────────────────────────────────────────────── */
  --input-bg:           rgba(255, 255, 255, .85);
  --input-border:       rgba(209, 213, 219, 1);
  --input-focus-border: #0078d4;
  --blue-focus:         rgba(0, 120, 212, .22);
  --orange-glow:        rgba(255, 107, 53, .38);

  /* ── Texto ──────────────────────────────────────────────── */
  --text-dark:      #1a1a2e;
  --text-mid:       #444654;
  --text-light:     #6b7280;
  --text-muted:     #9ca3af;

  /* ── Bordes ─────────────────────────────────────────────── */
  --border:  #d1d5db;
  --white:   #ffffff;
}