/**
 * FSP Variables - CSS Custom Properties
 * Central theme variables for colors, spacing, and effects
 *
 * @package Free_Style_Products
 */

:root {
    /* Primary Colors - Green Theme */
    --hw-primary: #2cc64d;
    --hw-primary-light: #4ed96a;
    --hw-primary-dark: #22a03d;

    /* Neutral/Dark Palette */
    --hw-dark: #0f0f0f;
    --hw-dark-secondary: #1a1a1a;
    --hw-dark-tertiary: #2d2d2d;
    --hw-gray: #404040;
    --hw-gray-light: #6b6b6b;
    --hw-gray-lighter: #9a9a9a;

    /* Light Colors */
    --hw-white: #ffffff;
    --hw-off-white: #f5f5f5;
    --hw-light-gray: #e0e0e0;

    /* Functional Colors */
    --hw-success: #28a745;
    --hw-error: #dc3545;
    --hw-info: #17a2b8;

    /* Spacing */
    --hw-section-padding: 100px;
    --hw-section-padding-mobile: 60px;

    /* Transitions */
    --hw-transition: all 0.3s ease;
    --hw-transition-fast: all 0.15s ease;

    /* Border Radius */
    --hw-radius: 8px;
    --hw-radius-lg: 16px;

    /* Shadows */
    --hw-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    --hw-shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.4);
}