/* BA Property Management Database - Color Scheme */
/* Primary Brand Colors */
:root {
    --main-color: #003366;          /* Deep navy blue - primary brand color */
    --main-color-rgb: 0, 51, 102;   /* RGB values for rgba usage */
    --main-color-dark: #002244;     /* Darker navy for hover states */
    --link-blue: #0d6efd;          /* Bootstrap link blue */

    /* Status & State Colors */
    --success-color: #28a745;      /* Green for success states */
    --warning-color: #ffc107;      /* Yellow for warning states */
    --info-color: #17a2b8;         /* Teal for info states */
    --danger-color: #dc3545;       /* Red for danger/error states */
    --secondary-color: #6c757d;    /* Gray for secondary elements */

    /* Alert Colors */
    --warning-bg: #fff3cd;         /* Light yellow background */
    --warning-text: #856404;       /* Dark yellow text */
    --warning-border: #ffeeba;     /* Yellow border */
    --danger-bg: #f8d7da;          /* Light red background */
    --danger-text: #721c24;        /* Dark red text */
    --danger-border: #f5c6cb;      /* Red border */

    /* UI Element Colors */
    --background-color: #ffffff;    /* Pure white backgrounds */
    --box-shadow: rgba(0, 0, 0, 0.1); /* Standard box shadow */
    --border-radius: 8px;          /* Standard border radius */
    --primary-text: #333;          /* Dark gray text */
    --muted-text: #6c757d;         /* Muted gray text */
}

/* Bootstrap Color Overrides */
.text-primary { color: var(--main-color) !important; }
.bg-primary { background-color: var(--main-color) !important; }
.btn-primary { 
    background-color: var(--main-color); 
    border-color: var(--main-color); 
}
.btn-primary:hover { 
    background-color: var(--main-color-dark); 
    border-color: var(--main-color-dark); 
}
.btn-primary:active,
.btn-primary:focus {
    background-color: var(--main-color-dark) !important;
    border-color: var(--main-color-dark) !important;
    box-shadow: 0 0 0 0.2rem rgba(var(--main-color-rgb), 0.25) !important;
}

/* Status Badge Colors */
.badge.bg-success { background-color: var(--success-color) !important; }
.badge.bg-warning { background-color: var(--warning-color) !important; color: #000 !important; }
.badge.bg-danger { background-color: var(--danger-color) !important; }
.badge.bg-secondary { background-color: var(--secondary-color) !important; }
.badge.bg-info { background-color: var(--info-color) !important; }