/*
=========================================
SED SOLAR - CORE CSS
Base styles and variables
Wizutech Development Team
=========================================
*/

/* ==========================================
   WIZUTECH - CSS VARIABLES (BRAND COLORS)
   ========================================== */

:root {
    /* Primary Brand Colors - SED Solar Germany */
    --primary-color: #195c9c;
    --gradient-first-color: #ffa800;
    --secondary-color: #072032;
    --third-color: #00c5fe;
    --dark-color: #000;
    --body-bg-color: #fff;

    /* RGB Values for Alpha Transparency */
    --primary-color-rgb: 25,92,156;
    --gradient-first-color-rgb: 255,168,0;
    --secondary-color-rgb: 7,32,50;
    --third-color-rgb: 0,197,254;
    --dark-color-rgb: 0,0,0;
    --body-bg-color-rgb: 255,255,255;

    /* Link Colors */
    --link-color: #072032;
    --link-color-hover: #195c9c;
    --link-color-active: #195c9c;

    /* Gradient Combinations */
    --gradient-color-from: #FFCD28;
    --gradient-color-to: #195c9c;
    --gradient-color-from2: #8c92f6;
    --gradient-color-to2: #f9d78f;

    /* Accent Color */
    --accent-color: var(--gradient-first-color);
}

/* ==========================================
   WIZUTECH - CSS RESET & BASE STYLES
   ========================================== */

/* Reset and base styles by Wizutech */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

/* ==========================================
   WIZUTECH - BODY & TYPOGRAPHY FOUNDATION
   ========================================== */

body {
    background-color: var(--body-bg-color);
    color: var(--secondary-color);
}

/* ==========================================
   WIZUTECH - UTILITY CLASSES
   ========================================== */

/* Gap fixes */
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 5px;
}

/* Reset section gaps */
.elementor-section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Make container backgrounds transparent */
.elementor-container {
    background: transparent !important;
}

/* ==========================================
   WIZUTECH - PERFORMANCE OPTIMIZATION
   ========================================== */

@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}