/**
 * Pithoc brand — aligned to logo #6ec16f, applied with restraint.
 * Logo green for accents; pale tints for surfaces; solid fill only on CTAs.
 */

:root,
[data-bs-theme="light"] {
    /* Logo anchor */
    --pithoc-brand: #6ec16f;
    --pithoc-brand-rgb: 110, 193, 111;

    /* Same hue family — slightly deeper for text/links on white */
    --bs-primary: #6ec16f;
    --bs-primary-rgb: 110, 193, 111;
    --bs-primary-active: #5aab5c;
    --bs-primary-light: #f4fbf4;
    --bs-primary-inverse: #ffffff;
    --bs-primary-clarity: rgba(var(--pithoc-brand-rgb), 0.12);
    --bs-primary-light-clarity: rgba(var(--pithoc-brand-rgb), 0.08);

    --bs-link-color: #5aab5c;
    --bs-link-hover-color: #4d964e;
    --bs-link-color-rgb: 90, 171, 92;
    --bs-link-hover-color-rgb: 77, 150, 78;

    --bs-text-primary: #5aab5c;
}

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

/* Primary CTA — logo green, not a heavy dark variant */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--pithoc-brand);
    --bs-btn-border-color: var(--pithoc-brand);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary-active);
    --bs-btn-hover-border-color: var(--bs-primary-active);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d964e;
    --bs-btn-active-border-color: #4d964e;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--pithoc-brand);
    --bs-btn-disabled-border-color: var(--pithoc-brand);
}

.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:focus:not(.btn-active),
.btn-primary:hover:not(.btn-active),
.btn-primary:active:not(.btn-active),
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--bs-primary-active);
    border-color: var(--bs-primary-active);
}

/* Light primary — default soft surface; hover deepens tint, not full solid */
.btn-light-primary {
    color: var(--bs-text-primary);
    background-color: var(--bs-primary-light);
    border-color: rgba(var(--pithoc-brand-rgb), 0.2);
}

.btn-light-primary:hover,
.btn-light-primary:focus {
    color: var(--bs-text-primary);
    background-color: rgba(var(--pithoc-brand-rgb), 0.14);
    border-color: rgba(var(--pithoc-brand-rgb), 0.35);
}

.btn-light-primary:active,
.btn-light-primary.active,
.btn-check:checked + .btn-light-primary {
    color: #fff;
    background-color: var(--pithoc-brand);
    border-color: var(--pithoc-brand);
}

.btn-active-light-primary {
    color: var(--bs-text-primary);
    background-color: var(--bs-primary-light);
}

.btn-active-light-primary.active {
    color: var(--bs-text-primary);
    background-color: rgba(var(--pithoc-brand-rgb), 0.14) !important;
}

.btn-active-light-primary:hover,
.btn-active-light-primary:focus {
    color: var(--bs-text-primary);
    background-color: rgba(var(--pithoc-brand-rgb), 0.18) !important;
}

.btn-outline.btn-primary {
    color: var(--bs-text-primary);
    border-color: rgba(var(--pithoc-brand-rgb), 0.45);
    background-color: transparent;
}

.btn-outline.btn-primary:hover,
.btn-outline.btn-primary:focus,
.btn-outline.btn-primary:active {
    color: #fff;
    background-color: var(--pithoc-brand);
    border-color: var(--pithoc-brand);
}

.badge-light-primary {
    color: var(--bs-text-primary);
    background-color: var(--bs-primary-light);
}

.text-primary {
    color: var(--bs-text-primary) !important;
}

.border-primary {
    border-color: rgba(var(--pithoc-brand-rgb), 0.35) !important;
}

.page-loader .spinner-border.text-primary {
    color: var(--pithoc-brand) !important;
}

/* Sidebar / menu — pale highlight, not solid green block */
.menu-state-bg-light-primary .menu-item.here > .menu-link,
.menu-state-bg-light-primary .menu-item.show > .menu-link {
    background-color: var(--bs-primary-light);
}

.menu-state-bg-light-primary .menu-item.here > .menu-link .menu-title,
.menu-state-bg-light-primary .menu-item.show > .menu-link .menu-title {
    color: var(--bs-text-primary);
}

.menu-state-bg-light-primary .menu-item.here > .menu-link .menu-icon,
.menu-state-bg-light-primary .menu-item.here > .menu-link .menu-icon .svg-icon,
.menu-state-bg-light-primary .menu-item.here > .menu-link .menu-icon i,
.menu-state-bg-light-primary .menu-item.show > .menu-link .menu-icon,
.menu-state-bg-light-primary .menu-item.show > .menu-link .menu-icon .svg-icon,
.menu-state-bg-light-primary .menu-item.show > .menu-link .menu-icon i {
    color: var(--pithoc-brand);
}

.menu-state-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here),
.menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    background-color: rgba(var(--pithoc-brand-rgb), 0.06);
}