/**
 * main.css — Estilos globales compartidos Axogenix
 * Variables CSS, reset mínimo, utilidades comunes
 */

:root {
  --primary-color: #006CFA;
  --primary-hover: #0058C4;
  --accent-color: #00C79F;
  --accent2-color: #FF6633;
  --accent3-color: #FFCC33;
  --accent4-color: #9980FA;
  --dark-text: #0B132B;
  --gray-text: #6C757D;
  --light-text: #FFFFFF;
  --light-bg: #EAF2FF;
  --medium-bg: #CCE2FF;
  --border-color: #E2E8F0;
  --font-heading: 'Poppins', sans-serif;
  --font-body: 'Roboto', sans-serif;
  --radius-lg: 1.5rem;
  --radius-xl: 2rem;
  --shadow-card: 0 10px 15px -3px rgba(0,0,0,0.08), 0 4px 6px -4px rgba(0,0,0,0.05);
  --shadow-hover: 0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.08);
}

body {
  font-family: var(--font-body);
  color: var(--dark-text);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
}

/* Smooth scroll */
html { scroll-behavior: smooth; }

/* Gradient text utility */
.text-gradient {
  background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}