:root {
  --primary-color: rgb(27, 51, 96);
  --secondary-color: rgb(15, 38, 85);
  --accent-color: rgb(142, 45, 226);
  --naranja-color: rgb(255, 130, 0);
  --text-color: rgb(51, 102, 204);
  --select-btn: rgb(255, 164, 68);
  --text-description: rgb(0, 0, 0);
  --title: rgb(20, 30, 66);
  --light-text: rgb(255, 255, 255);
  --light-color: rgb(255, 255, 255);
  --gray-color: rgb(206, 206, 206);
  --gris-borde: rgb(231, 232, 233);
  --background-color: rgb(242, 242, 244);
  --card-bg: rgb(255, 255, 255);
  --synapse-color-1: rgb(110, 72, 170);
  --synapse-color-2: rgb(157, 80, 187);
  --synapse-pulse: rgba(110, 72, 170, 0.5);
  --gradient-1: linear-gradient(135deg, rgb(51, 102, 204) 0%, rgb(95, 134, 212) 50%, rgb(132, 163, 226) 100%);
  --gradient-2: linear-gradient(135deg, rgb(255, 130, 0) 0%, rgb(255, 130, 0) 100%);
  --shadow: 0 10px 20px rgba(110, 72, 170, 0.1);
  --card-shadow: 0 15px 25px rgba(110, 72, 170, 0.08);
  --transition: all 0.3s ease;
  --yellow: rgb(251, 191, 36);
  --red: rgb(239, 68, 68);
  --orange: rgb(255, 130, 0);
  --hover-btn: rgb(255, 168, 75);
  --blue: rgb(144, 184, 248);
  --parrafo: rgb(75, 85, 99);
  --mapa: rgba(46, 89, 175, 0.8);
  --mapaActivo: rgb(84, 136, 233);
  --fondoNav: rgb(255, 255, 255);
  --background: rgb(247, 248, 252);
  --foreground: rgb(30, 41, 59);
  --card: rgb(255, 255, 255);
  --card-foreground: rgb(30, 41, 59);
  --popover: rgb(255, 255, 255);
  --popover-foreground: rgb(30, 41, 59);
  --primary: rgb(31, 55, 92);
    --primary2: 31, 55, 92, 0.3;
    --primary3: 31, 55, 92, 0.9;

  --primary-foreground: rgb(255, 255, 255);
  --secondary: rgb(226, 232, 240);
  --secondary-foreground: rgb(30, 64, 175);
  --muted: rgb(241, 245, 249);
  --muted-foreground: rgb(100, 116, 139);
  --muted-foreground-hover: rgb(72, 83, 97);
  --accent: rgb(249, 115, 22);
  --accent2: 249, 115, 22, 0.75;
  --accent-foreground: rgb(255, 255, 255);
  --destructive: rgb(239, 68, 68);
  --destructive-foreground: rgb(255, 255, 255);
  --border: rgb(226, 232, 240);
  --input: rgb(226, 232, 240);
  --ring: rgb(30, 64, 175);
  --radius: 0.75rem;
  --teal: rgb(13, 148, 136);
  --teal-foreground: rgb(255, 255, 255);
  --coral: rgb(249, 115, 22);
  --coral-foreground: rgb(255, 255, 255);
  --dark-section: rgb(15, 23, 42);
  --dark-section-foreground: rgb(241, 245, 249);
  --sidebar-background: rgb(247, 248, 252);
  --sidebar-foreground: rgb(15, 23, 42);
  --sidebar-primary: rgb(30, 64, 175);
  --sidebar-primary-foreground: rgb(255, 255, 255);
  --sidebar-accent: rgb(226, 232, 240);
  --sidebar-accent-foreground: rgb(15, 23, 42);
  --sidebar-border: rgb(226, 232, 240);
  --sidebar-ring: rgb(30, 64, 175);
  --mapa-activo: rgb(72, 79, 90);
  --mapa-inactivo:rgb(100, 116, 139);
      --muted: 210 12% 90%;
}