/* Recolours Radzen's material-dark accent from its stock lavender (#bb86fc) to the blue the
   WordPress theme uses — the accent ramp in WPMockup/WPUpdates/style.css and theme.json.

   Every lavender surface in material-dark derives from the five --rz-primary-* variables:
   panel-menu selected items, dropdown/grid/pager selection, checkboxes, radios, sliders,
   progress bars, focus outlines, primary buttons. Redefining the ramp here recolours all of
   them, so component-level overrides aren't needed.

   LOAD ORDER: this sheet must be linked AFTER <RadzenTheme /> in App.razor. The theme declares
   these same variables on :root, so equal specificity means the later sheet wins. app.css loads
   before the theme and cannot host these. */
:root {
    /* WordPress theme accent ramp, kept in the same oklch form as the source so the two stay
       comparable. Hex equivalents are for reference only. */
    --cp-accent: oklch(0.73 0.155 250); /* #51ADFF — theme.json "accent" */
    --cp-accent-soft: oklch(0.84 0.12 250); /* #8CD0FF — theme.json "accent-soft" */
    --cp-accent-deep: oklch(0.56 0.17 250); /* #0076D3 — theme.json "accent-deep" */
    --cp-accent-deeper: oklch(0.46 0.15 250); /* #0059A7 — extends the ramp one step darker */

    --rz-primary: var(--cp-accent);
    --rz-primary-light: var(--cp-accent-soft);
    --rz-primary-dark: var(--cp-accent-deep);
    --rz-primary-darker: var(--cp-accent-deeper);

    /* The 12% wash that hovered/selected menu rows, grid rows and dropdown items sit on. Over the
       near-black chrome it reads as dark blue. Mirrors the theme's rgba(187, 134, 252, 0.12). */
    --rz-primary-lighter: color-mix(in oklch, var(--cp-accent) 12%, transparent);

    /* Label and icon colour on a --rz-primary-lighter background (e.g. the selected sidebar item).
       material-dark hard-codes the lavender here instead of deriving it from --rz-primary. */
    --rz-on-primary-lighter: var(--cp-accent);
}