/* SOAK Custom Theme - Color Palette Override
   Primary:    #465A66 (Dark Slate)
   Secondary:  #DBE5E5 (Light Gray)
   Accent:     #667D8B (Medium Slate)
   Danger:     #A64446 (Muted Red)
   Warning:    #B1765A (Terracotta)
*/

:root {
    /* Primary Colors */
    --bs-blue: #465A66;
    --bs-primary: #465A66;
    --bs-primary-rgb: 70, 90, 102;
    
    /* Secondary Colors */
    --bs-secondary: #DBE5E5;
    --bs-secondary-rgb: 219, 229, 229;
    
    /* Gray Scale - adjusted to match SOAK palette */
    --bs-gray: #667D8B;
    --bs-gray-dark: #465A66;
    --bs-gray-100: #f4f6f6;
    --bs-gray-200: #e8eded;
    --bs-gray-300: #DBE5E5;
    --bs-gray-400: #a8b6b6;
    --bs-gray-500: #869090;
    --bs-gray-600: #667D8B;
    --bs-gray-700: #4d6066;
    --bs-gray-800: #465A66;
    --bs-gray-900: #2d3a40;
    
    /* Status Colors */
    --bs-danger: #A64446;
    --bs-danger-rgb: 166, 68, 70;
    --bs-red: #A64446;
    
    --bs-warning: #B1765A;
    --bs-warning-rgb: 177, 118, 90;
    --bs-orange: #B1765A;
    
    --bs-success: #4a7c59;
    --bs-success-rgb: 74, 124, 89;
    --bs-green: #4a7c59;
    
    --bs-info: #667D8B;
    --bs-info-rgb: 102, 125, 139;
    --bs-cyan: #667D8B;
    
    /* Dark/Light */
    --bs-dark: #2d3a40;
    --bs-light: #f4f6f6;
    --bs-muted: #667D8B;
    
    /* Body */
    --bs-body-color: #2d3a40;
    --bs-body-bg: #f4f6f6;
}

/* Primary button overrides */
.btn-primary {
    background-color: #465A66 !important;
    border-color: #465A66 !important;
}

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

.btn-outline-primary {
    color: #465A66 !important;
    border-color: #465A66 !important;
}

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

/* Danger button overrides */
.btn-danger {
    background-color: #A64446 !important;
    border-color: #A64446 !important;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
    background-color: #8a3839 !important;
    border-color: #8a3839 !important;
}

/* Warning button overrides */
.btn-warning {
    background-color: #B1765A !important;
    border-color: #B1765A !important;
    color: #fff !important;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
    background-color: #96634b !important;
    border-color: #96634b !important;
}

/* Success button overrides */
.btn-success {
    background-color: #4a7c59 !important;
    border-color: #4a7c59 !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background-color: #3d6649 !important;
    border-color: #3d6649 !important;
}

/* Background utilities */
.bg-primary {
    background-color: #465A66 !important;
}

.bg-secondary {
    background-color: #DBE5E5 !important;
}

.bg-danger {
    background-color: #A64446 !important;
}

.bg-warning {
    background-color: #B1765A !important;
}

.bg-success {
    background-color: #4a7c59 !important;
}

.bg-info {
    background-color: #667D8B !important;
}

/* Text utilities */
.text-primary {
    color: #465A66 !important;
}

.text-danger {
    color: #A64446 !important;
}

.text-warning {
    color: #B1765A !important;
}

.text-success {
    color: #4a7c59 !important;
}

.text-info {
    color: #667D8B !important;
}

/* Link colors */
a {
    color: #465A66;
}

a:hover {
    color: #374850;
}

.link-primary {
    color: #465A66 !important;
}

.link-primary:hover {
    color: #374850 !important;
}

/* Border colors */
.border-primary {
    border-color: #465A66 !important;
}

.border-danger {
    border-color: #A64446 !important;
}

.border-warning {
    border-color: #B1765A !important;
}

/* Form focus states */
.form-control:focus,
.form-select:focus {
    border-color: #465A66 !important;
    box-shadow: 0 0 0 0.2rem rgba(70, 90, 102, 0.25) !important;
}

/* App Header - SOAK style dark header */
.app-header {
    background: #465A66 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.app-header .brand .brand-logo,
.app-header .menu .menu-item .menu-link {
    color: #fff !important;
}

.app-header .menu .menu-item .menu-link:hover {
    color: #DBE5E5 !important;
}

.app-header .menu-toggler .bar {
    background: #fff !important;
}

.app-header .menu .menu-search .menu-search-input .form-control {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: transparent !important;
    color: #fff !important;
}

.app-header .menu .menu-search .menu-search-input .form-control::placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
}

.app-header .menu .menu-search .menu-search-icon {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* App Sidebar */
.app-sidebar .menu .menu-item.active:not(.has-sub) > .menu-link {
    color: #465A66 !important;
    font-weight: 600;
}

.app-sidebar .menu .menu-item.active:not(.has-sub) > .menu-link .menu-icon {
    color: #465A66 !important;
}

.app-sidebar .menu .menu-item .menu-link:hover {
    background: rgba(70, 90, 102, 0.1) !important;
}

/* Badges */
.badge.bg-primary,
.bg-primary {
    background-color: #465A66 !important;
}

/* Pagination */
.page-link {
    color: #465A66;
}

.page-item.active .page-link {
    background-color: #465A66;
    border-color: #465A66;
}

/* Alerts */
.alert-primary {
    background-color: rgba(70, 90, 102, 0.15);
    border-color: rgba(70, 90, 102, 0.3);
    color: #465A66;
}

.alert-danger {
    background-color: rgba(166, 68, 70, 0.15);
    border-color: rgba(166, 68, 70, 0.3);
    color: #A64446;
}

.alert-warning {
    background-color: rgba(177, 118, 90, 0.15);
    border-color: rgba(177, 118, 90, 0.3);
    color: #B1765A;
}

.alert-success {
    background-color: rgba(74, 124, 89, 0.15);
    border-color: rgba(74, 124, 89, 0.3);
    color: #4a7c59;
}

/* Progress bars */
.progress-bar {
    background-color: #465A66;
}

/* Nav tabs/pills */
.nav-link {
    color: #465A66;
}

.nav-link:hover,
.nav-link:focus {
    color: #374850;
}

.nav-pills .nav-link.active {
    background-color: #465A66;
}

.nav-tabs .nav-link.active {
    color: #465A66;
    border-bottom-color: #465A66;
}

/* Cards with accent */
.card-header.bg-primary {
    background-color: #465A66 !important;
}

/* Tables */
.table-primary {
    background-color: rgba(70, 90, 102, 0.15);
}

/* Dropdown */
.dropdown-item.active,
.dropdown-item:active {
    background-color: #465A66;
}

/* Accordion */
.accordion-button:not(.collapsed) {
    color: #465A66;
    background-color: rgba(70, 90, 102, 0.1);
}

.accordion-button:focus {
    border-color: rgba(70, 90, 102, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(70, 90, 102, 0.25);
}

/* Spinner */
.spinner-border.text-primary {
    color: #465A66 !important;
}