/* custom overrides */

/* === Primary color override === */
:root {
    --primary-50: 230, 233, 247 !important;
    --primary-100: 201, 207, 243 !important;
    --primary-200: 173, 182, 238 !important;
    --primary-300: 139, 151, 230 !important;
    --primary-400: 40, 56, 118 !important;
    --primary-500: 40, 56, 118 !important;
    --primary-600: 40, 56, 118 !important;
    --primary-700: 28, 40, 85 !important;
    --primary-800: 20, 30, 65 !important;
    --primary-900: 10, 15, 35 !important;
}

/* === Custom color override === */
:root {
    --custom-50: 236, 252, 203 !important;
    --custom-100: 209, 250, 171 !important;
    --custom-200: 163, 230, 100 !important;
    --custom-300: 132, 204, 22 !important;
    --custom-400: 40, 56, 118 !important;
    --custom-500: 40, 56, 118 !important;
    --custom-600: 40, 56, 118 !important;
    --custom-700: 21, 128, 61 !important;
    --custom-800: 22, 101, 52 !important;
    --custom-900: 20, 83, 45 !important;
}


:root {
    --c-50: var(--primary-50) !important;
    --c-100: var(--primary-100) !important;
    --c-200: var(--primary-200) !important;
    --c-300: var(--primary-300) !important;
    --c-400: var(--primary-400) !important;
    --c-500: var(--primary-500) !important;
    --c-600: 40, 56, 118 !important;
    --c-700: var(--primary-700) !important;
    --c-800: var(--primary-800) !important;
    --c-900: var(--primary-900) !important;
}

body.filament-auth .filament-branding-logo {
    display: block;
}
body.filament-auth .filament-branding-text {
    display: none;
}


body.fi-panel-admin .fi-sidebar-header img {
    height: 50px !important;
}
body.filament .filament-branding-text {
    display: block;
}

.fi-simple-header .fi-logo {
    background: #283876;
    padding: 1rem;
    display: inline-block;
}
.fi-sidebar-header div a {
    display: block;
    background: #283876;
}
.fi-sidebar-header div a img {
    padding: 10px;
}


.text-primary-50  { color: rgb(236 242 255) !important; }
.text-primary-100 { color: rgb(204 229 255) !important; }
.text-primary-200 { color: rgb(153 204 255) !important; }
.text-primary-300 { color: rgb(102 178 255) !important; }
.text-primary-400 { color: rgb(40 56 118) !important; }
.text-primary-500 { color: rgb(40 56 118) !important; }
.text-primary-600 { color: rgb(40 56 118) !important; }
.text-primary-700 { color: rgb(0 76 153) !important; }
.text-primary-800 { color: rgb(0 51 102) !important; }
.text-primary-900 { color: rgb(0 26 51) !important; }


.bg-primary-50  { background-color: rgb(236 242 255) !important; }
.bg-primary-100 { background-color: rgb(204 229 255) !important; }
.bg-primary-200 { background-color: rgb(153 204 255) !important; }
.bg-primary-300 { background-color: rgb(102 178 255) !important; }
.bg-primary-400 { background-color: rgb(40 56 118) !important; }
.bg-primary-500 { background-color: rgb(40 56 118) !important; }
.bg-primary-600 { background-color: rgb(40 56 118) !important; }
.bg-primary-700 { background-color: rgb(0 76 153) !important; }
.bg-primary-800 { background-color: rgb(0 51 102) !important; }
.bg-primary-900 { background-color: rgb(0 26 51) !important; }


.text-danger-50  { color: rgb(236 242 255) !important; }
.text-danger-100 { color: rgb(204 229 255) !important; }
.text-danger-200 { color: rgb(153 204 255) !important; }
.text-danger-300 { color: rgb(102 178 255) !important; }
.text-danger-400 { color: rgb(40 56 118) !important; }
.text-danger-500 { color: rgb(40 56 118) !important; }
.text-danger-600 { color: rgb(40 56 118) !important; }
.text-danger-700 { color: rgb(0 76 153) !important; }
.text-danger-800 { color: rgb(0 51 102) !important; }
.text-danger-900 { color: rgb(0 26 51) !important; }


.bg-danger-50  { background-color: rgb(236 242 255) !important; }
.bg-danger-100 { background-color: rgb(204 229 255) !important; }
.bg-danger-200 { background-color: rgb(153 204 255) !important; }
.bg-danger-300 { background-color: rgb(102 178 255) !important; }
.bg-danger-400 { background-color: rgb(51 153 255) !important; }
.bg-danger-500 { background-color: rgb(0 128 255) !important; }
.bg-danger-600 { background-color: rgb(40 56 118) !important; }
.bg-danger-700 { background-color: rgb(40 56 118) !important; }
.bg-danger-800 { background-color: rgb(40 56 118) !important; }
.bg-danger-900 { background-color: rgb(0 26 51) !important; }


.text-yellow-400 {color: #facc15 !important;}
.text-yellow-300 {color: #d1d5db !important;}