:root {
    /*
     * Tenant branding
     * These can be overridden dynamically for each tenant.
     */
    --tenant-primary: #475569;
    --tenant-primary-rgb: 71, 85, 105;
    --tenant-on-primary: #ffffff;
    /*
     * Neutral Proppela design tokens
     */
    --pm-page-bg: #f6f7f9;
    --pm-surface: #ffffff;
    --pm-surface-subtle: #fafafa;
    --pm-surface-muted: #f1f3f5;
    --pm-border: #e2e5e9;
    --pm-border-soft: #eceef1;
    --pm-text: #202124;
    --pm-text-muted: #6b7280;
    --pm-danger: #b42318;
    --pm-danger-bg: #fef3f2;
    --pm-danger-border: #fecdca;
    --pm-success: #027a48;
    --pm-success-bg: #ecfdf3;
    --pm-warning: #b54708;
    --pm-warning-bg: #fffaeb;
    --pm-radius-sm: 8px;
    --pm-radius: 12px;
    --pm-radius-lg: 14px;
    --pm-shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.06);
    --pm-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}
/* Bootstrap 5.1 compatibility for text-bg-* badges used by newer screens. */
.text-bg-primary { color: #fff !important; background-color: var(--bs-primary) !important; }
.text-bg-secondary { color: #fff !important; background-color: var(--bs-secondary) !important; }
.text-bg-success { color: #fff !important; background-color: var(--bs-success) !important; }
.text-bg-danger { color: #fff !important; background-color: var(--bs-danger) !important; }
.text-bg-warning { color: #000 !important; background-color: var(--bs-warning) !important; }
.text-bg-info { color: #000 !important; background-color: var(--bs-info) !important; }
.text-bg-light { color: #000 !important; background-color: var(--bs-light) !important; }
.text-bg-dark { color: #fff !important; background-color: var(--bs-dark) !important; }