/**
 * Custom Theme Overrides for Perspective
 * Colors based on logo: #FDD100 (yellow), #63392B (brown), #F29538 (orange), #F73624 (red)
 */

:root {
    /* Primary color - Brown from logo */
    --bs-primary: #63392b !important;
    --bs-primary-rgb: 99, 57, 43 !important;

    /* Secondary - Orange from logo */
    --bs-warning: #f29538 !important;

    /* Info - Red from logo */
    --bs-danger: #f73624 !important;

    /* Success accent - Yellow from logo */
    --bs-warning-light: #fdd100 !important;

    /* Link colors */
    --bs-link-color: #63392b !important;
    --bs-link-hover-color: #4a2a20 !important;
}

/* Primary Button */
.btn-primary {
    background-color: #63392b !important;
    border-color: #63392b !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #4a2a20 !important;
    border-color: #4a2a20 !important;
}

/* Outline Primary Button */
.btn-outline-primary {
    color: #63392b !important;
    border-color: #63392b !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: #63392b !important;
    border-color: #63392b !important;
    color: #fff !important;
}

/* Background Primary */
.bg-primary {
    background-color: #63392b !important;
}

/* Text Primary */
.text-primary {
    color: #63392b !important;
}

/* Links */
a {
    color: #63392b;
}

a:hover {
    color: #4a2a20;
}

/* Menu/Sidebar Active State */
.menu-item.active > .menu-link,
.menu-item.active > .menu-link:hover {
    color: #63392b !important;
}

.menu-item.active > .menu-link::before {
    background: #63392b !important;
}

/* Form elements */
.form-check-input:checked {
    background-color: #63392b !important;
    border-color: #63392b !important;
}

.form-control:focus,
.form-select:focus {
    border-color: #63392b !important;
    box-shadow: 0 0 0 0.25rem rgba(99, 57, 43, 0.25) !important;
}

/* Progress bars */
.progress-bar {
    background-color: #63392b !important;
}

/* Pagination */
.page-item.active .page-link {
    background-color: #63392b !important;
    border-color: #63392b !important;
    color: #fff !important;
}

.page-link {
    color: #63392b !important;
}

.page-link:hover {
    color: #4a2a20 !important;
}

/* Badge Primary */
.badge.bg-primary {
    background-color: #63392b !important;
}

/* Nav tabs */
.nav-pills .nav-link.active {
    background-color: #63392b !important;
}

/* Dropdown active */
.dropdown-item.active,
.dropdown-item:active {
    background-color: #63392b !important;
}

/* Avatar label primary */
.avatar .avatar-initial.bg-label-primary {
    background-color: rgba(99, 57, 43, 0.16) !important;
    color: #63392b !important;
}

/* Light primary background */
.bg-label-primary {
    background-color: rgba(99, 57, 43, 0.16) !important;
    color: #63392b !important;
}

/* Table row selection */
.table .table-primary {
    --bs-table-bg: rgba(99, 57, 43, 0.1) !important;
}

/* Card header with primary */
.card-header.bg-primary {
    background-color: #63392b !important;
}

/* Alert primary */
.alert-primary {
    background-color: rgba(99, 57, 43, 0.16) !important;
    border-color: rgba(99, 57, 43, 0.3) !important;
    color: #63392b !important;
}

/* Secondary (Orange) Buttons */
.btn-warning {
    background-color: #f29538 !important;
    border-color: #f29538 !important;
}

/* Info style using Yellow */
.bg-label-warning {
    background-color: rgba(253, 209, 0, 0.2) !important;
    color: #f29538 !important;
}