/* ============================================================
   Tema: GC Solutions Dark — identidad de marca
   Paleta: violeta #7C3AED → azul #3B82F6 → cian #22D3EE sobre carbón #0B0B12.
   SOLO variables: la estructura vive en base.css.
   ============================================================ */
:root {
  /* Tipografía */
  --font-titulos: "Sora", system-ui, sans-serif;
  --font-cuerpo: "Inter", system-ui, sans-serif;

  /* Colores base */
  --color-fondo: #0B0B12;
  --color-fondo-alterno: #12121D;
  --color-texto: #C9C9D6;
  --color-texto-suave: #8A8AA0;
  --color-titulo: #F4F4FA;
  --color-borde: #23233A;

  /* Marca */
  --color-primario: #7C3AED;
  --color-primario-contraste: #ffffff;
  --gradiente-marca: linear-gradient(100deg, #7C3AED, #3B82F6 55%, #22D3EE);
  --color-logo: transparent;            /* usa el gradiente vía background-clip */

  /* Estados */
  --color-exito: #34d399;
  --color-alerta: #fbbf24;
  --color-error: #f87171;

  /* Espaciados */
  --space-1: .4rem;  --space-2: .75rem; --space-3: 1.25rem;
  --space-4: 1.75rem; --space-5: 2.5rem; --space-6: 3.5rem; --space-7: 5rem;

  /* Radios y sombras */
  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 18px;
  --sombra-flotante: 0 24px 70px rgb(124 58 237 / .18);
  --sombra-destacada: 0 0 0 1px #7C3AED, 0 14px 44px rgb(124 58 237 / .25);

  /* Animación */
  --anim-rapida: .15s ease;
  --anim-media: .28s ease;

  /* Botones */
  --btn-radius: 10px;
  --btn-pad-y: .6rem; --btn-pad-x: 1.25rem;
  --btn-primario-fondo: linear-gradient(100deg, #7C3AED, #3B82F6);
  --btn-primario-sombra: 0 8px 26px rgb(124 58 237 / .35);

  /* Tarjetas */
  --card-fondo: #12121D;
  --card-borde: #23233A;
  --card-radius: 16px;
  --card-sombra: none;
  --card-hover-borde: #3B3B5E;
  --card-hover-transform: translateY(-3px);

  /* Formularios */
  --input-fondo: #0B0B12;
  --input-borde: #2A2A44;
  --input-radius: 8px;
  --input-pad: .65rem .85rem;

  /* Navbar / Footer */
  --nav-fondo: rgb(11 11 18 / .82);
  --nav-blur: blur(12px);
  --nav-enlace: #C9C9D6;
  --footer-fondo: #0D0D16;
}