/**
 * Finzyro brand theme
 * Primary:   #09265C
 * Secondary: #0A8E86
 * Accent:    #12D6B0
 */

:root,
[data-bs-theme="light"] {
    /* Brand tokens */
    --finzyro-primary: #09265c;
    --finzyro-primary-dark: #061d45;
    --finzyro-primary-rgb: 9, 38, 92;
    --finzyro-secondary: #0a8e86;
    --finzyro-secondary-rgb: 10, 142, 134;
    --finzyro-accent: #12d6b0;
    --finzyro-accent-rgb: 18, 214, 176;

    /* Bootstrap / Velzon overrides */
    --vz-primary: #09265c;
    --vz-primary-rgb: 9, 38, 92;
    --vz-primary-text-emphasis: #071d47;
    --vz-primary-bg-subtle: #e8edf5;
    --vz-primary-border-subtle: #c5d0e3;

    --vz-success: #0a8e86;
    --vz-success-rgb: 10, 142, 134;
    --vz-success-text-emphasis: #087a73;
    --vz-success-bg-subtle: #e6f6f4;
    --vz-success-border-subtle: #b8e8e3;

    --vz-indigo: #09265c;
    --vz-blue: #0a8e86;
    --vz-teal: #0a8e86;
    --vz-link-color: #0a8e86;
    --vz-link-hover-color: #087a73;

    --vz-focus-ring-color: rgba(10, 142, 134, 0.25);

    /* Billing app tokens */
    --billing-sale: #0a8e86;
    --billing-sale-bg: rgba(10, 142, 134, 0.08);
    --billing-purchase: #09265c;
    --billing-purchase-bg: rgba(9, 38, 92, 0.08);
    --billing-product: #0a8e86;
    --hub-accent: #0a8e86;
}

/* Dark sidebar — Finzyro navy */
:root[data-sidebar="dark"] {
    --vz-vertical-menu-bg: #09265c;
    --vz-vertical-menu-border: #09265c;
    --vz-vertical-menu-item-color: #b8c9e8;
    --vz-vertical-menu-item-bg: rgba(18, 214, 176, 0.12);
    --vz-vertical-menu-item-hover-color: #12d6b0;
    --vz-vertical-menu-item-active-color: #ffffff;
    --vz-vertical-menu-item-active-bg: rgba(10, 142, 134, 0.28);
    --vz-vertical-menu-sub-item-color: #a8bdd8;
    --vz-vertical-menu-sub-item-hover-color: #12d6b0;
    --vz-vertical-menu-sub-item-active-color: #ffffff;
    --vz-vertical-menu-title-color: #7a94b8;
    --vz-twocolumn-menu-iconview-bg: #061d45;
}

/* Light sidebar active states */
:root[data-sidebar="light"] {
    --vz-vertical-menu-item-hover-color: #0a8e86;
    --vz-vertical-menu-item-active-color: #09265c;
    --vz-vertical-menu-item-active-bg: rgba(10, 142, 134, 0.12);
    --vz-vertical-menu-item-bg: rgba(9, 38, 92, 0.08);
    --vz-vertical-menu-sub-item-hover-color: #0a8e86;
    --vz-vertical-menu-sub-item-active-color: #09265c;
}

/* Primary buttons — navy */
.btn-primary {
    --vz-btn-bg: #09265c;
    --vz-btn-border-color: #09265c;
    --vz-btn-hover-bg: #071d47;
    --vz-btn-hover-border-color: #071d47;
    --vz-btn-active-bg: #061533;
    --vz-btn-active-border-color: #061533;
    --vz-btn-disabled-bg: #09265c;
    --vz-btn-disabled-border-color: #09265c;
}

.btn-outline-primary {
    --vz-btn-color: #09265c;
    --vz-btn-border-color: #09265c;
    --vz-btn-hover-bg: #09265c;
    --vz-btn-hover-border-color: #09265c;
    --vz-btn-active-bg: #071d47;
    --vz-btn-active-border-color: #071d47;
}

/* Success / CTA buttons — teal */
.btn-success {
    --vz-btn-bg: #0a8e86;
    --vz-btn-border-color: #0a8e86;
    --vz-btn-hover-bg: #087a73;
    --vz-btn-hover-border-color: #087a73;
    --vz-btn-active-bg: #066a64;
    --vz-btn-active-border-color: #066a64;
    --vz-btn-disabled-bg: #0a8e86;
    --vz-btn-disabled-border-color: #0a8e86;
}

.btn-dark {
    --vz-btn-bg: #09265c;
    --vz-btn-border-color: #09265c;
    --vz-btn-hover-bg: #071d47;
    --vz-btn-hover-border-color: #071d47;
}

.text-primary {
    color: #09265c !important;
}

.bg-primary {
    background-color: #09265c !important;
}

.bg-primary-subtle {
    background-color: rgba(9, 38, 92, 0.1) !important;
}

.text-success,
.text-primary-emphasis {
    color: #0a8e86 !important;
}

.bg-success-subtle {
    background-color: rgba(10, 142, 134, 0.12) !important;
}

.text-success-emphasis {
    color: #087a73 !important;
}

.border-primary {
    border-color: #09265c !important;
}

.progress-bar.bg-primary {
    background: linear-gradient(90deg, #0a8e86, #12d6b0) !important;
}

/* Auth pages */
.auth-one-bg .bg-overlay {
    background: linear-gradient(135deg, #09265c 0%, #0a8e86 55%, #12d6b0 100%) !important;
    opacity: 0.92 !important;
}

.auth-bg-cover {
    background: linear-gradient(135deg, #09265c 0%, #0a8e86 100%) !important;
}

/* Sidebar active link accent */
.navbar-menu .navbar-nav .nav-link.active {
    border-right: 3px solid #12d6b0;
}

/* Form focus */
.form-control:focus,
.form-select:focus {
    border-color: #0a8e86;
    box-shadow: 0 0 0 0.2rem rgba(10, 142, 134, 0.2);
}

.form-check-input:checked {
    background-color: #0a8e86;
    border-color: #0a8e86;
}

.page-link.active,
.active > .page-link {
    background-color: #09265c;
    border-color: #09265c;
}

.page-link {
    color: #09265c;
}

.page-link:hover {
    color: #0a8e86;
}

/* Spinner / loader */
.spinner-border.text-primary {
    color: #0a8e86 !important;
}

/* Back to top */
#back-to-top.btn-danger {
    background-color: #0a8e86 !important;
    border-color: #0a8e86 !important;
}

#back-to-top.btn-danger:hover {
    background-color: #087a73 !important;
    border-color: #087a73 !important;
}

/* Breadcrumb */
.breadcrumb-item a {
    color: #0a8e86;
}

.breadcrumb-item a:hover {
    color: #09265c;
}

/* Billing module accents */
.billing-alert-success {
    border-left-color: #0a8e86;
    background: rgba(10, 142, 134, 0.08);
}

.billing-section-title {
    color: #09265c;
}

.billing-section-title i {
    color: #0a8e86;
}

.nav-pills .nav-link.active,
.nav-tabs .nav-link.active {
    background-color: #09265c !important;
    border-color: #09265c !important;
}

.nav-pills .nav-link:not(.active):hover,
.nav-tabs .nav-link:not(.active):hover {
    color: #0a8e86;
}

.billing-module-hub__card:hover {
    border-color: #0a8e86;
}

.billing-module-hub__card-icon {
    color: #0a8e86;
    background: rgba(10, 142, 134, 0.1);
}

.billing-form-footer .btn-success {
    background: linear-gradient(135deg, #0a8e86, #12d6b0);
    border-color: #0a8e86;
}

.billing-form-footer .btn-success:hover {
    background: linear-gradient(135deg, #087a73, #0a8e86);
    border-color: #087a73;
}
