/*
Theme Name: LuxOne Child
Theme URI: https://luxonetech.net/
Description: Child theme optimizado para LuxOne Tech - Domótica y automatización
Author: Fundamentio
Author URI: https://fundamentio.com
Template: kadence
Version: 1.0.0
Text Domain: luxone-child
*/

/* ============================================
   Variables CSS - Sistema de Diseño LuxOne
   ============================================ */

:root {
    /* Colores Primarios */
    --lux-primary: #ff914d;
    --lux-primary-dark: #e67a35;
    --lux-primary-light: #ffa66b;

    /* Colores Oscuros */
    --lux-dark: #0A0E27;
    --lux-dark-alt: #1A1F3A;

    /* Acentos */
    --lux-accent: #00D9FF;
    --lux-gold: #ff914d;
    
    /* Neutros */
    --lux-white: #FFFFFF;
    --lux-gray-100: #F5F7FA;
    --lux-gray-200: #E5E9F2;
    --lux-gray-600: #6B7280;
    --lux-gray-900: #111827;
    
    /* Tipografía */
    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-display: 'Space Grotesk', 'Inter', sans-serif;
    
    /* Espaciados */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 2rem;
    --space-lg: 4rem;
    --space-xl: 6rem;
    
    /* Transiciones */
    --transition-fast: 0.15s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;
}

/* Reset básico */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ============================================
   ESTILOS GLOBALES - COLOR PRIMARIO #ff914d
   ============================================ */

/* Badges y etiquetas */
.hero-badge,
.section-badge {
    background: #ff914d !important;
    color: #ffffff !important;
}

/* Botones primarios */
.btn-primary,
.btn-primary-large {
    background: #ff914d !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary-large:hover {
    background: #e67a35 !important;
}

/* Service brands */
.service-brands {
    background: transparent !important;
    color: #ff914d !important;
}

/* Elementos de texto - strong y h4 */
strong {
    color: #ff914d !important;
}

h4 {
    color: #ff914d !important;
}