/*
 * Integrated CMM module styles. The ported pages carry their own markup-local or
 * component-scoped styles under cmm-prefixed class names; this file only holds the shared
 * CMM data-color variables those styles consume through var().
 *
 * Every value derives from the MudBlazor palette rather than from light/dark literals, so
 * the variables follow the app's live theme toggle without any CMM-specific markup or a
 * dependency on the pre-paint data-cbs-theme attribute (which does not track the in-app
 * toggle). The dark equivalents of the standalone module's literals land close to the
 * originals because the dashboard dark palette uses the same family of values.
 */
:root {
    --cmm-valid-outline: var(--mud-palette-success, #26b050);
    --cmm-invalid: var(--mud-palette-error, #e50000);
    --cmm-board-surface: var(--mud-palette-surface, #FFFFFF);
    --cmm-board-line: color-mix(in srgb, var(--mud-palette-text-primary, #1E2430) 45%,
        var(--mud-palette-lines-default, #DCE2EA));
    --cmm-board-head-back: var(--mud-palette-background-gray, #F5F7FA);
    --cmm-board-head-ink: var(--mud-palette-text-primary, #1E2430);
    --cmm-board-cell-ink: var(--mud-palette-text-primary, #1E2430);
    --cmm-board-muted-ink: var(--mud-palette-text-secondary, #5A6472);
    --cmm-board-overlay: color-mix(in srgb, var(--mud-palette-surface, #FFFFFF) 74%, transparent);
    /* Row separator for grids whose rows carry a status fill. Translucent so it composites
       over any fill instead of vanishing against it. */
    --cmm-row-line: color-mix(in srgb, var(--mud-palette-text-primary, #1E2430) 20%, transparent);
}
