/* src/static/css/custom_theme.css */

/* Define custom color palette */
:root {
    --custom-blue: #004085; /* A professional, deep blue */
    --custom-red: #dc3545;   /* Bootstrap's standard danger red */
    --custom-light: #f8f9fa; /* Bootstrap's light gray */
    --custom-dark: #212529;  /* Bootstrap's dark */
    --custom-white: #ffffff;
}

/* Override Bootstrap button colors */

/* Primary buttons (Blue) */
.btn-primary,
.btn-success,
.btn-info {
    background-color: var(--custom-blue);
    border-color: var(--custom-blue);
    color: var(--custom-white);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-success:hover, .btn-success:focus, .btn-success:active,
.btn-info:hover, .btn-info:focus, .btn-info:active {
    background-color: #00336a; /* Darker blue on hover */
    border-color: #00336a;
    color: var(--custom-white);
}

/* Danger buttons (Red) */
.btn-danger {
    background-color: var(--custom-red);
    border-color: var(--custom-red);
    color: var(--custom-white);
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
    background-color: #c82333; /* Darker red on hover */
    border-color: #bd2130;
    color: var(--custom-white);
}

/* Secondary buttons (Light Gray/White) */
.btn-secondary,
.btn-warning {
    background-color: var(--custom-light);
    border-color: #ccc;
    color: var(--custom-dark);
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active,
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
    background-color: #e2e6ea;
    border-color: #ccc;
    color: var(--custom-dark);
}

/* Dark buttons (Black) */
.btn-dark {
    background-color: var(--custom-dark);
    border-color: var(--custom-dark);
    color: var(--custom-white);
}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active {
    background-color: #121518;
    border-color: #0d0f11;
    color: var(--custom-white);
}