:root[data-theme="light"] {
    --theme-color1: #7a3e00;
    --theme-color2: #c58f1b;
    --theme-color3: #ffffff;
    --text-color1: #0f1115;
    --text-color2: #0f1115;
    --text-color3: #555555;
    --main-bg: #fdf9f2;
    --sub-bg: #f4efe7;
    --heading-color: #1f2024;
    --paragraph: #4a4d55;
    --span: #7f6d4f;
    --border: #ded6cb;
    --white: #ffffff;
    --black: #000000;
}

:root[data-theme="light"] body {
    background-color: var(--main-bg);
    color: var(--paragraph);
}

:root[data-theme="light"] .header-area {
    background-color: rgba(255, 255, 255, 0.88);
    border-bottom: 1px solid rgba(31, 32, 36, 0.08);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

:root[data-theme="light"] .header-area.menu-fixed {
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.14);
}

:root[data-theme="light"] .header__main .main-menu ul li a {
    color: var(--heading-color);
}

:root[data-theme="light"] .header__main .main-menu ul li a::after {
    background-color: var(--theme-color1);
}

:root[data-theme="light"] .header-top-area.dark-area {
    background-color: #f7f3ea;
    border-bottom: 1px solid rgba(31, 32, 36, 0.08);
    color: var(--paragraph);
}

:root[data-theme="light"] .header-top__socials a,
:root[data-theme="light"] .header-top__links li,
:root[data-theme="light"] .header-top__links li a {
    color: var(--heading-color);
}

:root[data-theme="light"] .header-top__links li:first-child::after {
    background-color: rgba(0, 0, 0, 0.08);
}

:root[data-theme="light"] .header__main .menubars,
:root[data-theme="light"] .language-toggle {
    border-color: rgba(0, 0, 0, 0.12);
    background-color: rgba(0, 0, 0, 0.04);
    color: var(--heading-color);
}

:root[data-theme="light"] .language-toggle i {
    color: var(--heading-color);
}

:root[data-theme="light"] .header__main .menubars__icon {
    transform-origin: center;
}

:root[data-theme="light"] .btn__mood-light {
    color: var(--heading-color);
    background-color: rgba(0, 0, 0, 0.07);
}

:root[data-theme="light"] .language-toggle,
:root[data-theme="light"] .header__main .menu-btns .menubars,
:root[data-theme="light"] .btn__mood-light {
    border-radius: 50%;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}

:root[data-theme="light"] .language-toggle:hover,
:root[data-theme="light"] .header__main .menu-btns .menubars:hover,
:root[data-theme="light"] .btn__mood-light:hover {
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
}

:root[data-theme="light"] .light-area {
    background-color: #ffffff;
    color: var(--paragraph);
}

:root[data-theme="light"] .dark-area {
    background-color: #1f2024;
    color: var(--text-color2);
}

:root[data-theme="light"] .services-overview__cards .service-card {
    background-color: #ffffff;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.12);
}

:root[data-theme="light"] .banner__content.light-area {
    background: rgba(255, 255, 255, 0.92);
    color: var(--heading-color);
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.12);
}

:root[data-theme="light"] .banner__content.light-area h1,
:root[data-theme="light"] .banner__content.light-area h4,
:root[data-theme="light"] .banner__content.light-area p {
    color: var(--heading-color);
}

:root[data-theme="light"] .banner__content.light-area .btn-one {
    background-color: var(--theme-color1);
    color: #ffffff;
}

:root[data-theme="light"] .testimonial__item.dark-area {
    background: linear-gradient(135deg, #f6f1e7 0%, #efe7d9 100%);
    color: var(--paragraph);
    box-shadow: 0 25px 55px rgba(0, 0, 0, 0.12);
}

:root[data-theme="light"] .testimonial__item.dark-area .info h5,
:root[data-theme="light"] .testimonial__item.dark-area span,
:root[data-theme="light"] .testimonial__item.dark-area p,
:root[data-theme="light"] .testimonial__item.dark-area h2,
:root[data-theme="light"] .testimonial__item.dark-area h4 {
    color: var(--heading-color);
}

:root[data-theme="light"] .testimonial__item.dark-area .testimonial__arry button {
    background-color: rgba(0, 0, 0, 0.08);
    color: var(--heading-color);
}

:root[data-theme="light"] .testimonial__item.dark-area .testimonial__arry button:hover {
    background-color: rgba(0, 0, 0, 0.18);
    color: var(--theme-color1);
}

:root[data-theme="light"] .header__main .menu-btns {
    gap: 12px;
}

:root[data-theme="light"] .contact__panel-toggle {
    background-color: rgba(0, 0, 0, 0.6);
    color: #ffffff;
}

:root[data-theme="light"] .contact__form.dark-area,
:root[data-theme="light"] .contact__item.light-area,
:root[data-theme="light"] .dark-area {
    background-color: #ffffff;
    color: var(--heading-color);
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.12);
}

:root[data-theme="light"] .contact__form.dark-area form input,
:root[data-theme="light"] .contact__form.dark-area form textarea,
:root[data-theme="light"] .contact__form.dark-area form select {
    background-color: #f4efe7;
    color: var(--heading-color);
}

:root[data-theme="light"] .contact__form.dark-area form button {
    background-color: var(--theme-color1);
    color: #ffffff;
}

:root[data-theme="light"] .contact__item .inner-box {
    background: linear-gradient(135deg, #f6f1e7 0%, #efe7d9 100%);
    border: 1px solid rgba(0, 0, 0, 0.05);
    color: var(--heading-color);
}

:root[data-theme="light"] .dark-area h1,
:root[data-theme="light"] .dark-area h2,
:root[data-theme="light"] .dark-area h3,
:root[data-theme="light"] .dark-area h4,
:root[data-theme="light"] .dark-area h5,
:root[data-theme="light"] .dark-area h6 {
    color: var(--heading-color);
}

:root[data-theme="light"] .dark-area p,
:root[data-theme="light"] .dark-area span,
:root[data-theme="light"] .dark-area a {
    color: var(--paragraph);
}

:root[data-theme="light"] .dark-area a.btn-one,
:root[data-theme="light"] .dark-area a.btn-arrow {
    color: #ffffff;
}

:root[data-theme="light"] .contact__panel-toggle:hover {
    background-color: rgba(0, 0, 0, 0.7);
}
:root[data-theme="light"] .instagram-area__widget {
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12);
}

:root[data-theme="light"] .footer-area.dark-area {
    background: linear-gradient(180deg, #f7f2e8 0%, #f0e6d5 100%);
    color: var(--heading-color);
}

:root[data-theme="light"] .footer-area.dark-area .footer__item .title,
:root[data-theme="light"] .footer-area.dark-area a,
:root[data-theme="light"] .footer-area.dark-area p {
    color: var(--heading-color);
}

:root[data-theme="light"] .footer-area.dark-area .footer__item ul li a:hover {
    color: var(--theme-color1);
}

:root[data-theme="light"] .footer__wrp-bottom {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}