/*
Theme Name: LaroCorp Corporate
Theme URI: https://www.larocorp.com
Author: LaroCorp
Author URI: https://www.larocorp.com
Description: Tema corporativo profesional para LaroCorp. Transformacion digital empresarial con WooCommerce integrado.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: larocorp
Tags: corporate, business, woocommerce, responsive, custom-colors, custom-menu, featured-images
*/

/* === DESIGN TOKENS === */
:root {
    --color-primary:        #0A1628;
    --color-primary-light:  #0F2040;
    --color-secondary:      #1565C0;
    --color-secondary-light:#1976D2;
    --color-accent:         #00BCD4;
    --color-accent-light:   #00E5FF;
    --color-accent-glow:    rgba(0,188,212,0.3);
    --color-success:        #00C853;
    --color-white:          #FFFFFF;
    --color-light:          #F8FAFC;
    --color-gray-50:        #F1F5F9;
    --color-gray-100:       #E2E8F0;
    --color-gray-300:       #94A3B8;
    --color-gray-600:       #475569;
    --color-gray-800:       #1E293B;
    --color-text:           #1A202C;
    --color-text-muted:     #64748B;

    --font-heading: 'Montserrat', sans-serif;
    --font-body:    'Inter', sans-serif;
    --font-mono:    'JetBrains Mono', monospace;

    --radius-sm:   4px;
    --radius-md:   8px;
    --radius-lg:   16px;
    --radius-xl:   24px;
    --radius-pill: 9999px;

    --shadow-sm:   0 1px 3px rgba(0,0,0,.12);
    --shadow-md:   0 4px 16px rgba(0,0,0,.15);
    --shadow-lg:   0 8px 32px rgba(0,0,0,.20);
    --shadow-glow: 0 0 24px rgba(0,188,212,0.25);

    --transition:      0.25s ease;
    --transition-slow: 0.4s ease;

    --container: 1280px;
    --header-h:  80px;
}