/* Paleta de colores corporativos LS Sistemas: Azul #0105fe y Rojo #ff0000 */
:root {
  /* Base */
  --background: 0.985 0 0;
  --foreground: 0.15 0.02 250;

  --card: 1 0 0;
  --card-foreground: 0.15 0.02 250;

  --popover: 1 0 0;
  --popover-foreground: 0.15 0.02 250;

  /* Marca */
  --primary: 0.45 0.28 264;
  --primary-foreground: 1 0 0;

  --secondary: 0.96 0.01 264;
  --secondary-foreground: 0.35 0.2 264;

  --accent: 0.55 0.25 25;
  --accent-foreground: 1 0 0;

  --destructive: 0.55 0.25 25;
  --destructive-foreground: 1 0 0;

  /* UI */
  --muted: 0.96 0 0;
  --muted-foreground: 0.45 0 0;

  --border: 0.92 0.01 264;
  --input: 0.92 0.01 264;
  --ring: 0.45 0.28 264;

  /* Radius */
  --radius: 0.625rem;
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);
}

/* Dark mode */
.dark {
  --background: 0.12 0.02 264;
  --foreground: 0.985 0 0;

  --card: 0.16 0.02 264;
  --card-foreground: 0.985 0 0;

  --popover: 0.16 0.02 264;
  --popover-foreground: 0.985 0 0;

  --primary: 0.6 0.25 264;
  --primary-foreground: 0.12 0.02 264;

  --secondary: 0.22 0.03 264;
  --secondary-foreground: 0.985 0 0;

  --accent: 0.6 0.22 25;
  --accent-foreground: 0.12 0.02 264;

  --destructive: 0.6 0.22 25;
  --destructive-foreground: 0.985 0 0;

  --muted: 0.22 0.03 264;
  --muted-foreground: 0.7 0 0;

  --border: 0.25 0.03 264;
  --input: 0.25 0.03 264;
  --ring: 0.6 0.25 264;
}

/* Estilos personalizados adicionales */
.icon-close {
  display: none;
}

#menuToggle.active .icon-menu {
  display: none;
}

#menuToggle.active .icon-close {
  display: block !important;
}

#mobileMenu.active {
  display: block !important;
}

.nav-link.active,
.nav-mobile-link.active {
  color: oklch(var(--foreground) / 1);
}