/* Infinity Park Museum - Variables CSS */
:root {
    /* Colores principales - Gradiente Rosa a Púrpura */
    --infinity-primary: #FF0166;
    /* Rosa Magenta */
    --infinity-secondary: #64067A;
    /* Púrpura Profundo */
    --infinity-accent: #D20F46;
    /* Rosa Oscuro para botones */
    --infinity-dark: #64067A;
    /* Púrpura como dark */
    --infinity-white: #ffffff;
    /* White */

    /* COLORES BACKGROUND */
    --bg-pink: #ff0664;
    --bg-purple: #8211A5;

    /* Gradientes */
    --infinity-gradient-main: linear-gradient(180deg, #FF0664 0%, #64067A 100%);
    --infinity-gradient-button: linear-gradient(165deg, #FF0664 48%, #D20F46 52%);
    --gradient-primary: linear-gradient(90deg, #64067A 10%, #ff0664 90%);

    /* Glassmorphism */
    --infinity-glass-bg: rgba(255, 255, 255, 0.15);
    --infinity-glass-border: rgba(255, 255, 255, 0.2);

    /* Grises */
    --infinity-gray-100: #f8f9fa;
    --infinity-gray-200: #e9ecef;
    --infinity-gray-300: #dee2e6;
    --infinity-gray-400: #ced4da;
    --infinity-gray-500: #adb5bd;
    --infinity-gray-600: #6c757d;
    --infinity-gray-700: #495057;
    --infinity-gray-800: #343a40;
    --infinity-gray-900: #212529;

    /* Tipografía */
    --infinity-font-primary: 'Lilita One', 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --infinity-font-size-base: 16px;
    --infinity-font-size-button: 1.2rem;
    --infinity-line-height: 1.6;

    /* Espaciado */
    --infinity-spacing-xs: 0.25rem;
    --infinity-spacing-sm: 0.5rem;
    --infinity-spacing-md: 1rem;
    --infinity-spacing-lg: 2rem;
    --infinity-spacing-xl: 4rem;

    /* Bordes */
    --infinity-radius: 10px;
    --infinity-radius-lg: 15px;

    /* Sombras */
    --infinity-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
    --infinity-shadow-md: 0 4px 8px rgba(0, 0, 0, 0.15);
    --infinity-shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.2);

    /* Transiciones */
    --infinity-transition: all 0.3s ease;

    /* Backdrop Blur */
    --infinity-blur: blur(10px);

    /* ===== TRANSICIONES ===== */
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;
}

/* Importar Google Font - Lilita One */
@import url('https://fonts.googleapis.com/css2?family=Lilita+One&display=swap');