:root {
    /* Color palette */
    --primary-color: #2A3F54;
    --primary-color-hover: #1f2d3d;
    --text-color: #6c757d;
    --muted-text-color: #73879c;
    --form-text-color: #495057;
    --background-color: #f8f9fa;
    --form-bg-color: #f1f5ff;
    --border-color: #ced4da;
    --focus-border-color: #80bdff;
    --focus-shadow-color: rgba(0, 123, 255, 0.25);
    --success-bg: #d4edda;
    --success-color: #155724;
    --success-border: #c3e6cb;
    --danger-bg: #f8d7da;
    --danger-color: #721c24;
    --danger-border: #f5c6cb;
}

/* Common utility classes */
.muted-text {
    color: var(--muted-text-color);
}

.primary-text {
    color: var(--primary-color);
}

.text-danger {
    color: var(--danger-color);
}

.text-success {
    color: var(--success-color);
}

/* Custom Pharis primary background class */
.bg-pharis-primary {
    background-color: #2A3F54 !important;
    color: white !important;
}

/* Custom Pharis primary button class */
.btn-pharis-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: white !important;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.375rem;
    border: 1px solid transparent;
    text-decoration: none;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-pharis-primary:hover {
    background-color: #3a5570 !important;
    border-color: #3a5570 !important;
    color: white !important;
}

.btn-pharis-primary:focus, .btn-pharis-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(42, 63, 84, 0.5) !important;
}

.btn-pharis-primary:active, .btn-pharis-primary.active {
    background-color: #1f2d3d !important;
    border-color: #1f2d3d !important;
}

.btn-pharis-primary:disabled, .btn-pharis-primary.disabled {
    background-color: #2A3F54 !important;
    border-color: #2A3F54 !important;
    opacity: 0.65;
}

/* Modal header gradient */
.modal-header-gradient {
    background: linear-gradient(135deg, #5a7fa4 0%, #3a4f64 100%) !important;
}

.modal-header-gradient .modal-title {
    color: white !important;
}

.modal-header-gradient .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* Custom Pharis color classes for badges and UI elements */
.bg-pharis-success {
    background-color: #10b981 !important;
    color: white !important;
}

.bg-pharis-danger {
    background-color: #ef4444 !important;
    color: white !important;
}

.bg-pharis-warning {
    background-color: #f59e0b !important;
    color: white !important;
}

.bg-pharis-info {
    background-color: #06b6d4 !important;
    color: white !important;
}

.bg-pharis-secondary {
    background-color: #6b7280 !important;
    color: white !important;
}

.bg-pharis-blue {
    background-color: #3b82f6 !important;
    color: white !important;
} 