:root {
    --brand-color: #8DCA8C;
    --brand-primary: #8DCA8C;
    --brand-secondary: #005265;
    --brand-text: #333333;
    --brand-header-text: #005265;
    --brand-bg-light: #FFFFFF;
    --brand-bg-page: #FFFFFF;
    --brand-muted: #666666;
    --brand-border: #E0E0E0;
    --brand-font-family: Open Sans, Arial, sans-serif;
}

/* Override Angular Material M3 system tokens with tenant branding */
html {
    --mat-sys-primary: #005265;
    --mat-sys-on-primary: #ffffff;
    --mat-sys-surface-tint: #005265;
    --mat-sys-tertiary: #8DCA8C;
    --mat-sys-on-tertiary: #005265;
    --mat-sys-background: #ffffff;
    --mat-sys-on-background: #333333;
    --mat-sys-surface: #ffffff;
    --mat-sys-on-surface: #333333;
    --mat-sys-outline: #c0c0c0;
    --mat-sys-outline-variant: #E0E0E0;
}