/* Theme color variables */
:root {
    /* Primary colors */
    --color-primary: #4A6B5F;     /* Primary Teal */
    --color-primary-light: #608A7B; /* Lighter shade of Primary Teal */
    --color-primary-dark: #384F46; /* Darker shade of Primary Teal */
    
    /* Secondary colors */
    --color-secondary: #85A39A;   /* Secondary Teal */
    --color-secondary-light: #A1BAB2; /* Lighter shade of Secondary Teal */
    --color-secondary-dark: #6A8C82; /* Darker shade of Secondary Teal */
    
    /* Background colors */
    --color-bg: #F8F5EC;          /* Cream Background */
    --color-bg-light: #FFFEF8;    /* Lighter Cream Background */
    --color-bg-dark: #EAE5D9;     /* Darker Cream Background */
    
    /* Card and UI element colors */
    --color-card: #C9B49A;        /* Warm Beige - For cards and tiles */
    --color-card-light: #D6C5B0;  /* Lighter Warm Beige */
    --color-card-dark: #B09980;   /* Darker Warm Beige */
    
    /* Accent colors */
    --color-accent: #D4B254;      /* Gold Accent */
    --color-accent-light: #E0C57E; /* Lighter Gold Accent */
    --color-accent-dark: #B89642; /* Darker Gold Accent */
    
    /* Text colors */
    --color-text: #3A3937;        /* Dark Text */
    --color-text-light: #666460;  /* Light Text */
    --color-text-white: #FFFEF8;  /* White Text */
    
    /* Legacy color mapping for compatibility */
    --color-1: var(--color-primary);
    --color-2: var(--color-secondary);
    --color-3: var(--color-accent);
    --skinColor1: var(--color-primary);
    --skinColor2: var(--color-secondary);
    --skinColor3: var(--color-primary);
    --skinColor4: var(--color-accent);
    --skinColor5: var(--color-primary-dark);
    --skinColor6: var(--color-accent);
    
    /* Font families */
    --font-heading: 'Merriweather', serif;
    --font-body: 'Open Sans', sans-serif;
    
    /* Border radius */
    --radius-default: 8px;
    --radius-card: 12px;
}

/* Base elements styling */
body {
    background-color: var(--color-bg);
    color: var(--color-text);
    font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    color: var(--color-text);
}

a {
    color: var(--color-primary);
    transition: color 0.3s ease;
}

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

/* Button styles */
.eBtn,
.cBtn,
.btn-primary,
.theme-btn1,
.rectangle-btn1 {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: var(--color-text-white) !important;
    border-radius: var(--radius-default);
    transition: all 0.3s ease;
}

.eBtn:hover,
.cBtn:hover,
.btn-primary:hover,
.theme-btn1:hover,
.rectangle-btn1:hover {
    background-color: var(--color-primary-dark) !important;
    border-color: var(--color-primary-dark) !important;
}

.border-btn1,
.btn-outline-primary,
.get-start-btn1 {
    border-color: var(--color-primary) !important;
    color: var(--color-primary) !important;
    border-radius: var(--radius-default);
    transition: all 0.3s ease;
}

.border-btn1:hover,
.btn-outline-primary:hover,
.get-start-btn1:hover {
    background-color: var(--color-primary) !important;
    color: var(--color-text-white) !important;
}

/* Card styles */
.card,
.lms-1-card,
.course-card1-link,
.blog-post1-link,
.single-harmony-yoga,
.elegant-testimonial-slide {
    background-color: var(--color-bg-light);
    border-radius: var(--radius-card);
    border-color: var(--color-card);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.card:hover,
.lms-1-card:hover,
.course-card1-link:hover,
.blog-post1-link:hover,
.single-harmony-yoga:hover,
.elegant-testimonial-slide:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

/* Navigation styles */
.header-wrap,
.ol-header {
    background-color: var(--color-bg);
}

.nav-area ul li a {
    color: var(--color-text);
}

.nav-area ul li a.active,
.nav-area ul li a:hover {
    color: var(--color-primary);
}

.nav-area ul li a::after {
    background-color: var(--color-primary);
}

/* Footer styles */
.footer-section {
    background: linear-gradient(180deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);
}

.footer-nav-wrap .title,
.footer-contact-area .title,
.footer-newsletter-area .title {
    color: var(--color-text-white);
}

.footer-nav-wrap li a,
.footer-contact-area .info,
.footer-newsletter-area .info {
    color: var(--color-bg-light);
}

.footer-nav-wrap li a:hover {
    color: var(--color-accent);
}

/* Form elements */
.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
    border-radius: var(--radius-default);
    border-color: var(--color-card);
    background-color: var(--color-bg-light);
}

.form-control:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 0.2rem rgba(74, 107, 95, 0.25);
}

/* Elements with accent colors */
.text-red-highlight1,
.price,
.cart-top-number,
.active-cat,
.text-danger-2 {
    color: var(--color-accent) !important;
}

/* Price styling */
.mk-card-price .price,
.course-card1-author-price .prices .new-price,
.cooking-course-card-body .author-price .price {
    color: var(--color-accent) !important;
    font-weight: bold;
}

/* Testimonial special styling */
.single-testimonial1-inner {
    background-color: var(--color-bg-light);
    border: 1px solid var(--color-card);
}

.swiper-slide.swiper-slide-active .testimonial1-profile-img {
    outline-color: var(--color-accent);
}

/* Navigation tabs */
.nav.nav-bordered .nav-link {
    color: var(--color-text);
    border-bottom: 2px solid transparent;
}

.nav.nav-bordered .nav-link:hover,
.nav.nav-bordered .nav-link.active {
    color: var(--color-primary);
    border-bottom: 2px solid var(--color-primary);
}

/* Pagination */
.pagination .page-item .page-link {
    color: var(--color-primary);
}

.pagination .page-item.active .page-link {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-text-white);
}

/* Course status indicators */
.course-badge {
    background-color: var(--color-accent);
    color: var(--color-text-white);
}

/* Rating stars */
.rating-reviews .rating i,
.ratings i {
    color: var(--color-accent);
}

/* Dropdown menu styling */
.dropdown-menu {
    background-color: var(--color-bg-light);
    border-color: var(--color-card);
    border-radius: var(--radius-default);
}

.dropdown-item:hover {
    background-color: var(--color-primary-light);
    color: var(--color-text-white);
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--color-bg);
}

::-webkit-scrollbar-thumb {
    background: var(--color-primary);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-primary-dark);
}