/* WF Elementor Widgets - Main Stylesheet */


/* Global Design System Variables */

:root {
    /* Typography */
    --wf-default-font-size: 1rem;
    --wf-default-line-height: 1.5;
    --wf-default-font-weight: 400;
    --wf-heading-1-font-size: 3rem;
    --wf-heading-1-line-height: 1.2;
    --wf-heading-1-font-weight: 700;
    --wf-heading-2-font-size: 2.5rem;
    --wf-heading-2-line-height: 1.2;
    --wf-heading-2-font-weight: 700;
    --wf-heading-3-font-size: 2rem;
    --wf-heading-3-line-height: 1.3;
    --wf-heading-3-font-weight: 600;
    --wf-body-font-size: 1rem;
    --wf-body-line-height: 1.6;
    --wf-body-font-weight: 400;
    --wf-caption-font-size: 0.875rem;
    --wf-caption-line-height: 1.4;
    --wf-caption-font-weight: 400;
    --wf-text-font-size: 1rem;
    --wf-text-span-size: 1.25rem;
    --wf-text-card-description-size: 1rem;
    /* Other font weights */
    --wf-font-weight-light: 300;
    --wf-font-weight-regular: 400;
    --wf-font-weight-medium: 500;
    --wf-font-weight-semibold: 600;
    --wf-font-weight-bold: 700;
    /* Colors */
    --wf-color-default: inherit;
    --wf-color-primary: #4054b2;
    --wf-color-primary-rgb: 64, 84, 178;
    --wf-color-secondary: #54595f;
    --wf-color-secondary-rgb: 84, 89, 95;
    --wf-color-accent: #61ce70;
    --wf-color-accent-rgb: 97, 206, 112;
    --wf-color-light: #f5f5f5;
    --wf-color-light-rgb: 245, 245, 245;
    --wf-color-dark: #333333;
    --wf-color-dark-rgb: 51, 51, 51;
    --wf-color-span: #0D0D0D;
    --wf-color-card-description: #D52028;
    /* Spacing */
    --wf-spacing-none: 0;
    --wf-spacing-xs: 0.5rem;
    --wf-spacing-sm: 1rem;
    --wf-spacing-md: 2rem;
    --wf-spacing-lg: 3rem;
    --wf-spacing-xl: 5rem;
}


/* Common Widget Styles */

.wf-widget {
    position: relative;
    width: 100%;
}