/**
 * Template: Default
 * Variables CSS para el tema por defecto
 */

:root {
  /* Colores principales */
  --xstack-primary-color: #ffc107;
  --xstack-secondary-color: #212529;
  --xstack-accent-color: #ff0000;
  
  /* Colores de fondo */
  --xstack-bg-primary: #f8f9fa;
  --xstack-bg-secondary: #ffffff;
  --xstack-bg-dark: #212529;
  --xstack-bg-navbar: #212529;
  
  /* Colores de texto */
  --xstack-text-primary: #212529;
  --xstack-text-secondary: #6c757d;
  --xstack-text-light: #ffffff;
  --xstack-text-hover: #ffc107;
  
  /* Colores de borde */
  --xstack-border-color: #444;
  --xstack-border-light: #dee2e6;
  
  /* Tipografía */
  --xstack-font-family: 'Inter', sans-serif;
  --xstack-font-size-base: 1rem;
  --xstack-font-weight-normal: 400;
  --xstack-font-weight-semibold: 600;
  
  /* Espaciado */
  --xstack-spacing-xs: 0.25rem;
  --xstack-spacing-sm: 0.5rem;
  --xstack-spacing-md: 1rem;
  --xstack-spacing-lg: 1.5rem;
  --xstack-spacing-xl: 2rem;
  
  /* Bordes */
  --xstack-border-radius: 4px;
  --xstack-border-radius-none: 0;
  
  /* Sombras */
  --xstack-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --xstack-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  
  /* Alturas */
  --xstack-card-img-height: 200px;
  --xstack-megamenu-max-height: 80vh;
}