/* css/variables.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Poppins:wght@400;600;700&display=swap');

:root {
  /* Paleta de Colores Oficial */
  --color-primary: #0D2460;    /* Azul Marino Corporativo */
  --color-accent: #006BEE;     /* Azul Tecnológico (CTAs) */
  --color-secondary: #7A7A7A;  /* Gris Neutro */
  --color-background: #FFFFFF; /* Blanco */
  --color-surface: #F8F9FA;    /* Gris ultra claro para alternar secciones */
  
  /* Tipografía */
  --text-main: #333333;        /* Casi negro para alta legibilidad */
  --font-heading: 'Poppins', sans-serif;
  --font-body: 'Inter', sans-serif;

  /* Espaciado (White Space) */
  --spacing-sm: 16px;
  --spacing-md: 32px;
  --spacing-lg: 80px;
  --spacing-xl: 120px;

  /* Bordes y Sombras */
  --radius-md: 8px;
  --shadow-sm: 0 4px 6px rgba(13, 36, 96, 0.05);
  --shadow-md: 0 10px 15px rgba(13, 36, 96, 0.1);
}