/*
Theme Name: LeaderHub
Theme URI: https://leaderhub.com
Author: LeaderHub
Author URI: https://leaderhub.com
Description: Custom WooCommerce theme for LeaderHub — Smart Whiteboards, Mini PCs & Interactive Displays. SEO-optimized, mobile-first e-commerce theme.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: leaderhub
Tags: e-commerce, woocommerce, custom-logo, custom-menu, featured-images, full-width-template, theme-options
*/

/* ==========================================================================
   Design Tokens — CSS Custom Properties
   ========================================================================== */

:root {
    /* Brand Colors */
    --lh-primary: #00bbbb;
    --lh-primary-alt: #00b3ba;
    --lh-primary-dark: #009999;
    --lh-primary-light: #e0f7f7;
    --lh-accent: #022382;
    --lh-accent-light: #0a3cb8;
    --lh-highlight: #B9E1FF;
    --lh-gray: #777777;
    --lh-gray-light: #f5f5f7;
    --lh-gray-medium: #e5e5e7;
    --lh-gray-dark: #333333;
    --lh-black: #000000;
    --lh-white: #ffffff;
    --lh-red: #e74c3c;
    --lh-green: #27ae60;

    /* Typography */
    --lh-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    --lh-font-heading: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;

    /* Layout */
    --lh-max-width: 1320px;
    --lh-header-height: 76px;
    --lh-promo-height: 40px;

    /* Design */
    --lh-radius: 8px;
    --lh-radius-lg: 12px;
    --lh-radius-sm: 4px;
    --lh-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    --lh-shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.12);
    --lh-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.06);
    --lh-transition: 0.3s ease;
    --lh-transition-fast: 0.15s ease;

    /* Spacing */
    --lh-section-padding: 48px;
    --lh-section-padding-mobile: 24px;
}