/* =====================================================================
   JOURNEY BLAKK — Variables globales del sistema de diseño
   Modifica aquí para cambiar colores, tipografía y espaciados
   ===================================================================== */

:root {
  /* Colores de marca */
  --color-primary:     #002e57;   /* Azul oscuro principal */
  --color-primary-mid: #0f3f6a;   /* Azul medio */
  --color-accent:      #ed1f2a;   /* Rojo de acento */
  --color-accent-dark: #c91924;   /* Rojo oscuro (hover) */
  --color-white:       #ffffff;
  --color-bg:          #f8f9fa;   /* Fondo claro de página */
  --color-bg-alt:      #f1f4f8;   /* Fondo alternativo */
  --color-text:        #1a1a2e;   /* Texto principal */
  --color-text-mid:    #374151;   /* Texto secundario */
  --color-text-light:  #6b7280;   /* Texto terciario */
  --color-border:      #e5e7eb;   /* Bordes */

  /* Tipografía */
  --font-main: 'Poppins', sans-serif;

  /* Sombras */
  --shadow-sm: 0 1px 4px rgba(0,0,0,0.07);
  --shadow-md: 0 4px 20px rgba(0,0,0,0.09);
  --shadow-lg: 0 12px 48px rgba(0,0,0,0.13);

  /* Bordes redondeados */
  --radius-sm: 6px;
  --radius:    12px;
  --radius-lg: 20px;

  /* Transiciones */
  --transition:      0.3s ease;
  --transition-fast: 0.15s ease;

  /* Layout */
  --max-width:  860px;   /* Ancho máximo del formulario */
  --header-h:   72px;    /* Altura del header */
}