/* =========================================
   INNAP DESIGN SYSTEM - VARIABLES
   ========================================= */

:root {
  /* --- COLORES CORPORATIVOS --- */
  /* Extraídos del logo oficial InnAp.svg con ligeros ajustes para premium vibe */
  --primary: #1B3A6B;
  /* Azul corporativo principal */
  --primary-rgb: 27, 58, 107;
  --secondary: #0D1F3C;
  /* Azul oscuro profundo */
  --accent: #2E5C8F;
  /* Azul medio */
  --highlight: #4A90E2;
  /* Azul claro acento */
  --gradient-premium: linear-gradient(135deg, #1B3A6B 0%, #2E5C8F 100%);

  /* --- NEUTROS & UTILIDADES --- */
  --white: #FFFFFF;
  --light: #FDFDFD;
  /* Fondo casi blanco premium */
  --gray-100: #F8F9FA;
  --gray-200: #E9ECEF;
  --gray-300: #DEE2E6;
  --text-main: #1A1A1A;
  /* Texto principal más oscuro para contraste */
  --text-light: #525252;
  /* Texto secundario */
  --text-muted: #8E8E93;
  --danger: #D63031;
  --success: #27AE60;

  /* --- TIPOGRAFÍA --- */
  --font-heading: 'Inter', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* --- ESPACIADO --- */
  --space-xxs: 0.25rem;
  /* 4px */
  --space-xs: 0.5rem;
  /* 8px */
  --space-sm: 1rem;
  /* 16px */
  --space-md: 2rem;
  /* 32px */
  --space-lg: 4rem;
  /* 64px */
  --space-xl: 8rem;
  /* 128px */

  --container-width: 1280px;
  --container-padding: 2rem;

  /* --- BORDES & SOMBRAS --- */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 24px;
  --radius-full: 9999px;

  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 12px 24px rgba(0, 0, 0, 0.12);
  --shadow-premium: 0 10px 30px -10px rgba(27, 58, 107, 0.25);
  --shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, 0.1);

  /* --- HEADER & HERO SPECIFIC --- */
  --header-height: 100px;
  --header-height-scrolled: 80px;
  --header-blur: 12px;
  --header-bg: rgba(255, 255, 255, 0.85);

  /* --- TRANSICIONES --- */
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Dark Mode Support (Future proofing, not fully implemented yet) */
@media (prefers-color-scheme: dark) {
  /* :root {
     --light: #0D1F3C;
     --text-main: #F8F9FA; 
  } */
}