﻿:root {
    --pz-color-background: #ffffff;
    --pz-color-foreground: #1e4495;
    --pz-color-foreground-rgb: 30, 68, 149;
    --pz-color-accent1: #4a95e7;
    --pz-color-accent2: #3b7acc;
    --pz-color-accent3: #2d5fb0;
    --pz-color-accent3-rgb: 45, 95, 176;
    --pz-font-family: "Jost", sans-serif;
    --pz-color-primary: var(--pz-color-accent3);
    --pz-color-primary-rgb: var(--pz-color-accent3-rgb);
}


:root, [data-bs-theme=light] {
    --bs-primary: var(--pz-color-primary);
    --bs-primary-rgb: var(--pz-color-primary-rgb);
    --bs-body-font-family: var(--pz-font-family);
    --bs-primary-bg-subtle: var(--pz-color-accent1);
    --bs-link-color: var(--pz-color-foreground);
    --bs-link-color-rgb: var(--pz-color-foreground-rgb);
    --bs-link-hover-color: var(--pz-color-primary);
    --bs-link-hover-color-rgb: var(--pz-color-primary-rgb);
}

.btn-primary {
    --bs-btn-bg: var(--pz-color-foreground);
    --bs-btn-border-color: var(--pz-color-foreground);
    --bs-btn-hover-bg: var(--pz-color-primary);
    --bs-btn-hover-border-color: var(--pz-color-primary);
    --bs-btn-active-bg: var(--pz-color-primary);
    --bs-btn-active-border-color: var(--pz-color-primary);
    --bs-btn-disabled-bg: var(--pz-color-foreground);
    --bs-btn-disabled-border-color: var(--pz-color-foreground);
}

.btn-outline-primary {
    --bs-btn-color: var(--pz-color-foreground);
    --bs-btn-border-color: var(--pz-color-foreground);
    --bs-btn-hover-bg: var(--pz-color-primary);
    --bs-btn-hover-border-color: var(--pz-color-primary);
    --bs-btn-active-bg: var(--pz-color-primary);
    --bs-btn-active-border-color: var(--pz-color-primary);
    --bs-btn-disabled-color: var(--pz-color-foreground);
    --bs-btn-disabled-border-color: var(--pz-color-foreground);
}

.accordion {
    --bs-accordion-active-color: var(--pz-color-background);
    --bs-accordion-active-bg: var(--pz-color-primary);
    --bs-accordion-btn-focus-box-shadow: none;
}

.form-control:focus, 
.form-select:focus {
    border-color: var(--pz-color-primary);
    box-shadow: none;
}

.form-check-input:checked {
    background-color: var(--pz-color-primary);
    border-color: var(--pz-color-primary);
}

.navbar-nav {
    --bs-nav-link-hover-color: var(--pz-color-primary);
}

.pagination {
    --bs-pagination-active-bg: var(--pz-color-primary);
    --bs-pagination-active-border-color: var(--pz-color-primary);
}