/* Anitya Ayurveda - Leaf Green & White Custom Theme Styles */
:root {
    --color-primary: #288048;       /* Primary Vibrant Leaf Green */
    --color-primary-dark: #1e5e3a;  /* Rich Leaf Green */
    --color-primary-light: #38a169; /* Bright Sprouting Leaf Green */
    --color-accent: #2d8653;        /* Herbal Leaf Green */
    --color-accent-soft: #edf9f0;   /* Light Leaf Tint */
    --color-bg-light: #ffffff;      /* Pure Crisp White Canvas */
    --color-bg-alt: #f6fcf8;        /* Soft White-Leaf Background */
    --color-border-soft: #daf3e2;   /* Soft Leaf Green Border */
}

html {
    font-size: 18px;
    -webkit-text-size-adjust: 100%;
}

body, button, input, select, textarea {
    font-family: Calibri, 'Segoe UI', Candara, Arial, sans-serif;
}

body {
    background-color: var(--color-bg-light);
    color: #243329;
    font-family: Calibri, 'Segoe UI', Candara, Arial, sans-serif;
    font-size: 1.05rem;
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6, .font-serif, .font-sans, .font-vedic, .font-heading {
    font-family: Calibri, 'Segoe UI', Candara, Arial, sans-serif;
    letter-spacing: 0.01em;
}

/* Guarantee FontAwesome font families */
i[class*="fa-"], span[class*="fa-"], .fa, .fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "FontAwesome" !important;
}
.fa-solid, .fas {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}
.fa-regular, .far {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 400 !important;
}
.fa-brands, .fab {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}

.bg-canvas {
    background-color: var(--color-bg-light);
}

.hero-pattern {
    background-color: #f6fcf8;
    background-image: radial-gradient(#c7eed4 0.8px, transparent 0.8px), radial-gradient(#c7eed4 0.8px, #f6fcf8 0.8px);
    background-size: 28px 28px;
    background-position: 0 0, 14px 14px;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f6fcf8;
}
::-webkit-scrollbar-thumb {
    background: #9ee0b3;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #288048;
}

/* Smooth Transitions */
.card-hover {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.10), 0 8px 10px -6px rgba(0, 0, 0, 0.06);
}