/* ─── variables.css — UbiApp ───────────────────────────────────────────────── */

:root {
  /* ── Paleta de marca ────────────────────────────────────────────── */
  --brand-dark:    #074E75;
  --brand-mid:     #0672A0;
  --brand-light:   #0F8CBE;
  --brand-gradient: linear-gradient(135deg, #074E75 0%, #0F8CBE 100%);

  /* ── Acento secundario (ok, sync, Pro) ─────────────────────────── */
  --acento:        #1D9E75;
  --acento-hover:  #17876A;

  /* ── Texto ──────────────────────────────────────────────────────── */
  --texto-principal: #1A1A2E;
  --texto-secundario: #4B5563;
  --texto-suave:     #9CA3AF;
  --texto-blanco:    #FFFFFF;

  /* ── Fondos ─────────────────────────────────────────────────────── */
  --fondo-base:    #FFFFFF;
  --fondo-gris:    #F5F7FA;
  --fondo-card:    #FFFFFF;

  /* ── Bordes ─────────────────────────────────────────────────────── */
  --borde:         #E0E6ED;
  --borde-foco:    #0F8CBE;

  /* ── Sombras ────────────────────────────────────────────────────── */
  --sombra-sm:  0 1px 3px rgba(7, 78, 117, 0.08);
  --sombra-md:  0 4px 16px rgba(7, 78, 117, 0.12);
  --sombra-lg:  0 8px 32px rgba(7, 78, 117, 0.16);

  /* ── Radio de borde ─────────────────────────────────────────────── */
  --radio-sm:   6px;
  --radio-md:   12px;
  --radio-lg:   20px;
  --radio-full: 9999px;

  /* ── Tipografía ─────────────────────────────────────────────────── */
  --fuente-display: 'Outfit', sans-serif;
  --fuente-cuerpo:  'DM Sans', sans-serif;

  /* ── Transiciones ───────────────────────────────────────────────── */
  --transicion: 0.22s ease;
  --transicion-lenta: 0.4s ease;

  /* ── Contenedor ─────────────────────────────────────────────────── */
  --ancho-max: 1160px;
  --padding-contenedor: 0 24px;

  /* ── Estados ────────────────────────────────────────────────────── */
  --color-error:   #DC2626;
  --color-ok:      #1D9E75;
  --color-aviso:   #D97706;
  --color-info:    #0F8CBE;

  --fondo-error:   #FEF2F2;
  --fondo-ok:      #ECFDF5;
  --fondo-aviso:   #FFFBEB;
  --fondo-info:    #EFF6FF;
}