:root {
    --color-bg: #f2fcff;
    --color-white: #ffffff;
    --color-gray: #333;
    --color-light-gray: #d6d6d6;
    --color-dark-blue: #203449;
    --color-light-blue: #b2ebf2;

    --color-primary: #e76a4d;
    --color-primary-light: #feb47b;
    --color-primary-accent: #ff9844;
    --gradient-primary: linear-gradient(135deg, #e76a4d, #feb47b);
    --gradient-primary2: linear-gradient(to right, #e76a4d, #feb47b);

    --color-accent-blue: #b2ebf2;
    --color-accent-blue-light: #f0fcff;
    --gradient-secondary: linear-gradient(to right, #666, #757575);

    --gradient-light-blue: linear-gradient(to bottom, #b2ebf2, #fff);

    --color-nav: linear-gradient(to right, #333, #555, #666);
    --color-support-gradient2: linear-gradient(to right, #b2ebf2, #feb47b);
    --color-footer-gradient: linear-gradient(135deg, #444, #666);

    --shadow-btn: 0 8px 25px rgba(0, 0, 0, 0.2);
    --shadow-card-hover: 0 15px 35px rgba(255, 126, 95, 0.2);
}

body {
    font-family: Arial, sans-serif;
    color: var(--color-dark-blue);
    background: var(--color-accent-blue);
}

header {
    background: var(--color-nav);
    color: var(--color-white);
}

header .nav-buttons a {
    background: var(--gradient-secondary);
}
a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    color: var(--color-primary-light);
}

section .btn,
button[type="submit"],
.special-note .cta-button,
.warranty-container a {
    background: var(--gradient-primary);
    box-shadow: var(--shadow-btn);
    color: var(--color-white);
}

#home {
    background: var(--color-light-blue);
}
#about {
    background: var(--color-white);
}
#services {
    background: var(--color-white);
}
#gallery {
    background: var(--gradient-light-blue);
}
.cta-banner {
    background-color: var(--color-gray);
    color: var(--color-white);
    border-left: 6px solid var(--color-primary);
}

.cta-banner .pop-orange {
    color: var(--color-primary);
}
.cta-banner .pop-blue {
    color: var(--color-accent-blue);
}

.credentials li::before {
    color: var(--color-primary);
}
/* ********************/
#estimate {
    /* background: linear-gradient(125deg, #feb47b, #a2f4ff, #a2f4ff); */
    /* background: linear-gradient(to right, #c1ceda, #d0f9ff); */
    background: #666;
    color: white;
}
#estimate h2 {
    color: var(--color-white);
    /* background: var(--color-gray); */
}
.estimate-info {
    background: white;
    color: var(--color-dark-blue);
    box-shadow: 3px 3px 5px #444444;
}
.form-wrapper {
    background: white;
    box-shadow: 3px 3px 5px #444444;
    color: var(--color-dark-blue);
}

.estimate-info ul li::before {
    color: var(--color-primary);
}
.estimate-link {
    background-color: var(--color-primary);
    color: var(--color-white);
}
.estimate-link:hover {
    background: var(--color-primary);
    color: var(--color-white);
}
.close-panel {
    background: var(--color-gray);
    color: var(--color-white);
}

.service-card {
    background-color: var(--color-white);
}
.info-panel {
    background-color: var(--color-white);
}

#support {
    background: #666;
}
#support p,
#support h3 {
    background: var(--color-support-gradient2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

footer {
    background: var(--color-footer-gradient);
    color: var(--color-white);
}

.disclaimer,
.legal {
    color: var(--color-light-gray);
}