/*
 * Sprint Enterprise Technology — MudBlazor CSS overrides
 *
 * Use this when you cannot (or do not want to) register SprintTheme.cs —
 * for example, when retro-fitting branding onto an existing MudBlazor app
 * without touching its C# bootstrap.
 *
 * Include AFTER MudBlazor's own CSS:
 *
 *     <link rel="stylesheet" href="_content/MudBlazor/MudBlazor.min.css" />
 *     <link rel="stylesheet" href="css/tokens.css" />
 *     <link rel="stylesheet" href="mudblazor/sprint-mud-overrides.css" />
 *
 * Maps Sprint tokens onto MudBlazor's --mud-palette-* custom properties.
 * Same mapping logic as SprintTheme.cs — keep the two in sync. If you
 * change one, change the other.
 *
 * For product theming, scope an additional layer:
 *
 *     <div data-theme="finio"> ... MudBlazor components ... </div>
 */

:root {
    /* Primary = brand accent, NOT the CTA. See SprintTheme.cs notes. */
    --mud-palette-primary: var(--sprint-olive);
    --mud-palette-primary-rgb: 117, 138, 88;
    --mud-palette-primary-darken: var(--sprint-charcoal);
    --mud-palette-primary-text: #FFFFFF;
    --mud-palette-primary-hover: rgba(117, 138, 88, 0.08);

    /* Secondary = corporate accent slot */
    --mud-palette-secondary: var(--sprint-olive);
    --mud-palette-secondary-rgb: 117, 138, 88;
    --mud-palette-secondary-text: #FFFFFF;

    /* Tertiary = lime, reserved for CTAs */
    --mud-palette-tertiary: var(--sprint-lime);
    --mud-palette-tertiary-rgb: 177, 194, 83;
    --mud-palette-tertiary-text: var(--sprint-charcoal);

    /* Function colours */
    --mud-palette-info:    var(--sprint-blue);
    --mud-palette-success: var(--sprint-fn-green);
    --mud-palette-warning: var(--sprint-fn-yellow);
    --mud-palette-error:   var(--sprint-fn-red);
    --mud-palette-dark:    var(--sprint-charcoal);

    /* Text */
    --mud-palette-text-primary:   var(--sprint-charcoal);
    --mud-palette-text-secondary: var(--sprint-grey-500);
    --mud-palette-text-disabled:  var(--sprint-grey-300);

    /* Surfaces */
    --mud-palette-background:       #FFFFFF;
    --mud-palette-background-gray:  var(--sprint-grey-50);
    --mud-palette-surface:          #FFFFFF;
    --mud-palette-drawer-background:#FFFFFF;
    --mud-palette-drawer-text:      var(--sprint-charcoal);
    --mud-palette-appbar-background:var(--sprint-charcoal);
    --mud-palette-appbar-text:      #FFFFFF;

    /* Lines and dividers */
    --mud-palette-divider:       var(--sprint-grey-100);
    --mud-palette-divider-light: var(--sprint-grey-50);
    --mud-palette-lines-default: var(--sprint-grey-200);
    --mud-palette-lines-inputs:  var(--sprint-grey-300);
    --mud-palette-table-lines:   var(--sprint-grey-100);
    --mud-palette-table-striped: var(--sprint-grey-50);
    --mud-palette-table-hover:   var(--sprint-grey-50);

    /* Typography */
    --mud-typography-default-family: "Poppins", Arial, sans-serif;
    --mud-default-borderradius: 4px;
}

/* Product theme overrides — accent only, CTA (tertiary) stays lime. */
[data-theme="finio"] {
    --mud-palette-primary: var(--sprint-teal);
    --mud-palette-primary-rgb: 31, 138, 138;
}

[data-theme="fastrak"] {
    --mud-palette-primary: var(--sprint-amber);
    --mud-palette-primary-rgb: 245, 166, 35;
}