:root {
    /* Primary Colors */
    --primary-teal: #23BDBD;
    --accent-orange: #FFA500;
    --dark-charcoal: #2E3133;
    --pure-white: #FFFFFF;
    
    /* Legacy theme color for backward compatibility */
    --theme-color: #23BDBD;
    
    /* Additional color variations */
    --teal-light: #4DD0D0;
    --teal-dark: #1A9B9B;
    --orange-light: #FFB84D;
    --orange-dark: #E6940A;
    --charcoal-light: #4A4D50;
    --charcoal-dark: #1A1C1E;
}

/* Typography Overrides */
h1, h2, h3, h4, h5, h6, 
.page-title, 
.about-one-title, 
.about-one-title-two {
    font-family: 'Modny', serif !important;
    color: var(--dark-charcoal) !important;
}

body, p, .about-one-text, 
.btn-one, .link-btn a {
    font-family: 'Clear Sans', sans-serif !important;
}

/* Color Overrides for Key Elements */
.btn-one {
    background-color: var(--primary-teal) !important;
    color: var(--pure-white) !important;
}

.btn-one:hover {
    background-color: var(--teal-dark) !important;
}

/* Header and Navigation */
.main-header .header-upper {
    background-color: var(--pure-white) !important;
}

.main-header .navigation > li > a {
    color: var(--dark-charcoal) !important;
    font-family: 'Modny', serif !important;
}
@media (max-width: 768px) {
    .main-header .navigation > li > a {
        color: var(--pure-white) !important;
    }
    .main-header .header-upper {
      height: 100px;
      padding-top: 20px !important;
    }
    .main-header .header-upper .inner-container{
      height: 80px;
      align-items: flex-start;
    }
    .main-header .header-upper .logo-box .logo {
      padding: 0;
    }
    .main-header .header-upper .logo-box .logo img {
      width: 60px !important;
      height: 60px !important;
    }

}

/* Page Title Section */
.page-title-one {
    background-color: var(--primary-teal) !important;
}

.page-title {
    color: var(--pure-white) !important;
    font-family: 'Modny', serif !important;
}

.page-title-one-desc {
    color: var(--pure-white) !important;
    font-family: 'Clear Sans', sans-serif !important;
}

/* Footer */
.main-footer {
    background-color: var(--dark-charcoal) !important;
}

.main-footer .widget-title {
    color: var(--pure-white) !important;
    font-family: 'Modny', serif !important;
}

.main-footer .widget-content {
    color: var(--pure-white) !important;
    font-family: 'Clear Sans', sans-serif !important;
}