:root {
  /* Fondo Global (Espacio Profundo) */
  --bg-main: #0b1026;
  /* Deep rich blue */

  /* Navbar (Floating White Pill) */
  --bg-navbar: rgba(255, 255, 255, 0.95);
  --text-navbar: #0b1026;

  /* Secciones (Glassmorphism sutil sobre el fondo espacial) */
  --bg-section: rgba(255, 255, 255, 0.03);
  /* Casi transparente */
  --bg-soft: rgba(255, 255, 255, 0.05);
  --border-glass: rgba(255, 255, 255, 0.1);

  /* Colores SUMMER SPACE (Vibrantes) */
  --primary: #16bbf9;
  /* Radiant Blue */
  --primary-dark: #0290CC;
  /* Deep Ocean Space */

  --secondary: #3EBF8C;
  /* Teal/Mint Green */
  --secondary-soft: #79E21A;
  /* Lime Green Accent */

  --accent-yellow: #FFD700;
  /* Sol de Verano */
  --accent-orange: #FF8c00;
  /* Atardecer Marciano */
  --accent-green: #79E21A;
  /* Re-mapped to Lime Green (Secondary) */
  --accent-purple: #D500F9;
  /* Nebula Neon */

  /* Texto (Alto Contraste sobre fondo oscuro) */
  --text-main: #FFFFFF;
  --text-muted: #cbd5e1;
  /* Light bluish grey */
  --text-inverse: #0b1026;
  /* Para botones claros o navbar */

  /* Shadows & Borders */
  --shadow-soft: 0 8px 32px 0 rgba(0, 0, 0, 0.3);
  --border-color: rgba(255, 255, 255, 0.1);

  /* Fonts */
  --font-main: 'Outfit', sans-serif;
  --font-display: 'Fredoka', sans-serif;
}