/* Dynamic Color Styles - Generated from Admin Panel */

:root {
    --color-primary: #1c5a6a;
    --color-secondary: #26b3af;
    --color-button-text: #ffffff;
    --color-button-bg: #26b3af;
    --color-button-hover-bg: #1c5a6a;
    --color-accent: #26b3af;
}

/* Primary Color Applications */
h1, h2, h3, h4, h5, h6 { color: var(--color-primary); }
.service-header h1 { color: var(--color-primary); }
.section-content h2 { color: var(--color-primary); }
.contact-cta-box { background: var(--color-primary); }
header { background: var(--color-primary); }
footer { background: var(--color-primary); }

/* Header Navigation Links - Black */
header nav a { color: black !important; }
header nav a:hover { color: rgba(0, 0, 0, 0.7) !important; }

/* Secondary/Accent Color Applications */
a { color: var(--color-accent); }
a:hover { color: var(--color-secondary); }
.service-card:hover { border-color: var(--color-accent); }
.blog-card:hover { border-color: var(--color-accent); }

/* Button Styles - Only for specific buttons that need theme colors */
/* Exclude home-sections, CTA section, header buttons, service card buttons, and hero form buttons */
.btn-primary:not(.home-section-text .btn):not(.cta-section .btn):not(.header-button .btn):not(.service-card .btn-primary):not(.hero-form button) {
    background: var(--color-button-bg) !important;
    color: var(--color-button-text) !important;
    border-color: var(--color-button-bg) !important;
    border-radius: 2px !important;
}

.btn-primary:not(.home-section-text .btn):not(.cta-section .btn):not(.header-button .btn):not(.service-card .btn-primary):not(.hero-form button):hover {
    background: var(--color-button-hover-bg) !important;
    border-color: var(--color-button-hover-bg) !important;
}

/* Hero Section Button Styles - Override all other button styles */
.hero .btn:not(.hero-form button),
.hero .btn-outline:not(.hero-form button),
.hero .btn.btn-primary:not(.hero-form button) {
    background: transparent !important;
    color: var(--color-white) !important;
    border: 2px solid var(--color-white) !important;
}

.hero .btn:hover:not(.hero-form button),
.hero .btn-outline:hover:not(.hero-form button),
.hero .btn.btn-primary:hover:not(.hero-form button) {
    background: transparent !important;
    color: var(--color-white) !important;
}

/* Subscribe Button */
.btn-subscribe {
    background: var(--color-button-bg);
    color: var(--color-button-text);
}

.btn-subscribe:hover {
    background: var(--color-button-hover-bg);
}

/* Mobile Bottom Nav */
.mobile-bottom-nav { background: var(--color-primary); }

/* Admin Panel Colors */
.sidebar { background: var(--color-primary); }
.btn-primary { background: var(--color-button-bg); color: var(--color-button-text); }
.btn-primary:hover { background: var(--color-button-hover-bg); }