/* Encykh Forest Green Color System */

:root {
    --encykh-primary: #14532d;
    --encykh-primary-hover: #0f3d21;
    --encykh-accent: #14532d;
    --encykh-accent-hover: #0f3d21;
    --encykh-brand-light: rgba(20, 83, 45, 0.05);
    --encykh-brand-border: rgba(20, 83, 45, 0.15);
    
    /* Highlight card specific (Soft green instead of amber) */
    --encykh-highlight-bg: rgba(20, 83, 45, 0.05);
    --encykh-highlight-border: rgba(20, 83, 45, 0.2);
}

/* Color utility classes */
.text-brand-primary {
    color: var(--encykh-primary) !important;
}

.text-brand-accent {
    color: var(--encykh-accent) !important;
}

.bg-brand-light {
    background-color: var(--encykh-brand-light) !important;
}

.border-brand {
    border-color: var(--encykh-brand-border) !important;
}

/* Navbar brands */
.navbar-brand {
    color: var(--encykh-primary) !important;
}

.nav-link.active-brand {
    color: var(--encykh-primary) !important;
    font-weight: 600;
}

/* Custom buttons overriding primary with Forest Green */
.btn-brand {
    background-color: var(--encykh-primary) !important;
    color: #ffffff !important;
    border: 1px solid var(--encykh-primary) !important;
}

.btn-brand:hover {
    background-color: var(--encykh-primary-hover) !important;
    border-color: var(--encykh-primary-hover) !important;
}

.btn-outline-brand {
    background-color: transparent !important;
    color: var(--encykh-primary) !important;
    border: 1px solid var(--encykh-primary) !important;
}

.btn-outline-brand:hover {
    background-color: var(--encykh-primary) !important;
    color: #ffffff !important;
}

/* Accent button mapped to Forest Green */
.btn-accent {
    background-color: var(--encykh-accent) !important;
    color: #ffffff !important;
    border: 1px solid var(--encykh-accent) !important;
}

.btn-accent:hover {
    background-color: var(--encykh-accent-hover) !important;
    border-color: var(--encykh-accent-hover) !important;
}

.btn-outline-accent {
    background-color: transparent !important;
    color: var(--encykh-accent) !important;
    border: 1px solid var(--encykh-accent) !important;
}

.btn-outline-accent:hover {
    background-color: var(--encykh-accent) !important;
    color: #ffffff !important;
}

/* Card highlights using Soft Green details */
.card-highlight-brand {
    background-color: var(--encykh-highlight-bg) !important;
    border: 1px solid var(--encykh-highlight-border) !important;
}

/* Accent border highlights */
.border-brand-start {
    border-left: 4px solid var(--encykh-primary) !important;
}

.border-accent-start {
    border-left: 4px solid var(--encykh-accent) !important;
}

/* Amethyst Product Highlights */
.card-highlight-amethyst {
    background-color: rgba(147, 51, 234, 0.05) !important;
    border: 1px solid rgba(147, 51, 234, 0.2) !important;
}

.text-brand-amethyst {
    color: #9333ea !important;
}

.btn-amethyst {
    background-color: #9333ea !important;
    color: #ffffff !important;
    border: 1px solid #9333ea !important;
}

.btn-amethyst:hover {
    background-color: #7e22ce !important;
    border-color: #7e22ce !important;
    color: #ffffff !important;
}

.btn-outline-amethyst {
    background-color: transparent !important;
    color: #9333ea !important;
    border: 1px solid #9333ea !important;
}

.btn-outline-amethyst:hover {
    background-color: #9333ea !important;
    color: #ffffff !important;
}

/* Indigo / MusicKanz Highlights */
.card-highlight-indigo {
    background-color: rgba(99, 102, 241, 0.05) !important;
    border: 1px solid rgba(99, 102, 241, 0.2) !important;
}

.text-brand-indigo {
    color: #6366f1 !important;
}

.btn-indigo {
    background-color: #6366f1 !important;
    color: #ffffff !important;
    border: 1px solid #6366f1 !important;
}

.btn-indigo:hover {
    background-color: #4f46e5 !important;
    border-color: #4f46e5 !important;
    color: #ffffff !important;
}

.btn-outline-indigo {
    background-color: transparent !important;
    color: #6366f1 !important;
    border: 1px solid #6366f1 !important;
}

.btn-outline-indigo:hover {
    background-color: #6366f1 !important;
    color: #ffffff !important;
}