/*
 * Overrides Radzen.Blazor's default Material color palette so Radzen components
 * (buttons, inputs, grids, etc.) match this site's Bootstrap theme instead of
 * Radzen's default purple/pink Material colors.
 *
 * This relies on the --bs-* custom properties defined by the active Bootstrap
 * theme stylesheet (e.g. modern.css, light.css, dark.css, classic.css), so it
 * automatically follows whichever Bootstrap theme is loaded.
 *
 * Must be linked AFTER _content/Radzen.Blazor/css/material-base.css so these
 * :root declarations take precedence.
 */
:root {
    --rz-primary: var(--bs-primary);
    --rz-primary-light: color-mix(in srgb, var(--bs-primary) 75%, white);
    --rz-primary-lighter: color-mix(in srgb, var(--bs-primary) 12%, white);
    --rz-primary-dark: color-mix(in srgb, var(--bs-primary) 85%, black);
    --rz-on-primary: #ffffff;
    --rz-on-primary-light: #ffffff;
    --rz-on-primary-lighter: var(--bs-primary);
    --rz-on-primary-dark: #ffffff;

    --rz-secondary: var(--bs-secondary);
    --rz-secondary-light: color-mix(in srgb, var(--bs-secondary) 75%, white);
    --rz-secondary-lighter: color-mix(in srgb, var(--bs-secondary) 12%, white);
    --rz-secondary-dark: color-mix(in srgb, var(--bs-secondary) 85%, black);
    --rz-on-secondary: #ffffff;

    --rz-success: var(--bs-success);
    --rz-on-success: #ffffff;

    --rz-danger: var(--bs-danger);
    --rz-on-danger: #ffffff;

    --rz-warning: var(--bs-warning);
    --rz-on-warning: #ffffff;

    --rz-info: var(--bs-info);
    --rz-on-info: #ffffff;
}