/* ============================================
   VARIABLES CSS - Bilbao Consultores
   ============================================ */

:root {
  /* Colores principales */
  --color-primary: #44a026;
  --color-primary-alt: #6DAB3C;
  --color-primary-dark: #3a8721;
  --color-primary-light: #4CA92B;

  /* Colores de texto */
  --color-text-dark: #32373c;
  --color-text-body: #556070;
  --color-text-secondary: #5f6b7a;
  --color-text-light: #6b7280;

  /* Colores de fondo */
  --color-bg-white: #ffffff;
  --color-bg-light: #f6f8fb;
  --color-bg-light-alt: #f3f4f6;
  --color-bg-gray: #f9fafb;
  --color-bg-dark: #1f2937;
  --color-bg-section: #eaeaea;

  /* Bordes */
  --color-border: #e5e7eb;
  --color-border-subtle: rgba(15, 23, 42, 0.04);

  /* Fuentes */
  --font-primary: 'Poppins', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --font-secondary: 'Montserrat', 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;

  /* Tamaños de fuente */
  --font-size-xs: 13px;
  --font-size-sm: 15px;
  --font-size-base: 17px;
  --font-size-md: 20px;
  --font-size-lg: 24px;
  --font-size-xl: 30px;
  --font-size-2xl: 36px;
  --font-size-3xl: 42px;
  --font-size-4xl: 60px;

  /* Font weights */
  --font-weight-normal: 500;
  --font-weight-medium: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;

  /* Espaciado */
  --spacing-xs: 0.44rem;
  --spacing-sm: 0.67rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2.25rem;
  --spacing-2xl: 3.38rem;
  --spacing-3xl: 5.06rem;

  /* Border radius */
  --radius-sm: 9px;
  --radius-md: 12px;
  --radius-lg: 14px;
  --radius-xl: 16px;
  --radius-2xl: 20px;
  --radius-pill: 9999px;

  /* Sombras */
  --shadow-sm: 0 12px 32px rgba(15, 23, 42, 0.07);
  --shadow-md: 0 18px 42px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 24px 60px rgba(15, 23, 42, 0.12);
  --shadow-xl: 0 26px 56px rgba(15, 23, 42, 0.11);
  --shadow-btn: 0 18px 40px rgba(76, 169, 43, 0.28);
  --shadow-btn-hover: 0 24px 50px rgba(76, 169, 43, 0.34);

  /* Transiciones */
  --transition-fast: 0.2s ease;
  --transition-base: 0.25s ease;
  --transition-slow: 0.3s ease;

  /* Breakpoints (para referencia en JS) */
  --breakpoint-mobile: 480px;
  --breakpoint-tablet: 768px;
  --breakpoint-desktop: 1024px;
  --breakpoint-wide: 1240px;

  /* Z-index */
  --z-dropdown: 1000;
  --z-sticky: 1020;
  --z-fixed: 1030;
  --z-modal-backdrop: 1040;
  --z-modal: 1050;
  --z-popover: 1060;
  --z-tooltip: 1070;
}

/* Dark mode support (opcional para futuro) */
@media (prefers-color-scheme: dark) {
  :root {
    /* Podrías añadir variables dark mode aquí */
  }
}