: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);
}