/* custom.css */

:root {
    /* PRIMARY: Dimmed Ocean Navy */
    --bs-primary: #34495e;
    --bs-primary-rgb: 52, 73, 94;

    /* SECONDARY: Slate Blue/Grey (Muted) */
    --bs-secondary: #7f8c8d;
    --bs-secondary-rgb: 127, 140, 141;

    /* SUCCESS: Seafoam Green (Dull/Professional) */
    --bs-success: #27ae60;
    --bs-success-rgb: 39, 174, 96;

    /* INFO: Clear Sky Blue */
    --bs-info: #5dade2;
    --bs-info-rgb: 93, 173, 226;

    /* WARNING: Soft Sand / Ochre */
    --bs-warning: #f39c12;
    --bs-warning-rgb: 243, 156, 18;

    /* DANGER: Muted Coral/Red */
    --bs-danger: #e74c3c;
    --bs-danger-rgb: 231, 76, 60;

    /* LIGHT: Off-White Ocean Mist */
    --bs-light: #f4f7f6;
    --bs-light-rgb: 244, 247, 246;

    /* DARK: Deep Midnight Navy */
    --bs-dark: #2c3e50;
    --bs-dark-rgb: 44, 62, 80;
}

/* --- Automatic Hover Logic --- */
/* This saves you from having to define darker hex codes for every button */

.btn-primary, .btn-secondary, .btn-success, .btn-danger, .btn-warning, .btn-info {
    color: #fff !important; /* Ensures text stays white on dimmed colors */
}

.btn:hover {
    filter: brightness(85%);
    transition: filter 0.2s ease-in-out;
}

/* Fix for Light Button text color */
.btn-light {
    color: #2c3e50 !important;
}

/* --- Optional: Update Body Background to Match --- */
body {
    background-color: #fdfdfd;
    color: #2c3e50;
}