:root {
    --kendo-color-primary: #32CDC3;
    --kendo-color-series-a: #32CDC3;
    --kendo-color-series-b: #00FFF1;
    --kendo-color-series-c: #54FF95;
    --kendo-color-series-d: #FF3D7D;
    --kendo-color-series-e: #CC1CAE;
    --kendo-color-series-f: #ddaabb;
    --kendo-font-family: Inter;
    --kendo-font-size: 0.75rem;
    --kendo-font-size-xs: calc(0.75rem * 0.75);
    --kendo-font-size-sm: calc(0.75rem * 0.875);
    --kendo-font-size-md: calc(0.75rem * 1);
    --kendo-font-size-lg: calc(0.75rem * 1.25);
    --kendo-font-size-xl: calc(0.75rem * 1.5);
}

/* Kendo DataViz charts*/
.k-tooltip {
    text-align: left;
}

/* TabStrip corner-radius alignment with Bootstrap cards.
   Kendo's bootstrap-main.css uses --kendo-border-radius-sm (4px) on the
   TabStrip's items + content surfaces, which reads visually square next
   to Bootstrap cards (--bs-border-radius = 8px) on the same page (e.g.
   Comp/Analyses/Blazor). We round only the content panel's bottom corners
   to match the card scale, leaving the tab headers themselves square — a
   tab is a tab, not a pill, and squared headers anchor visually to the
   rest of the page chrome. Driven by --bs-border-radius so a brand-radius
   change carries through. */
.k-tabstrip-top > .k-tabstrip-content,
.k-tabstrip-top > .k-content {
    border-bottom-left-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius);
}

/* Chart overlay must not outrank a Bootstrap modal.

   Kendo's bootstrap-main.css ships `.k-chart-overlay { z-index: 10000 }`. That is
   two orders of magnitude above Bootstrap's modal (1055), so the near-white panel
   the chart draws in its EMPTY state paints straight over any modal opened on top
   of it — the dialog's backdrop dims the rest of the page while the chart's own
   rectangle stays bright, and the overlay swallows clicks there too
   (elementFromPoint at the chart's centre returned .k-chart-overlay, outside the
   modal). Found in the SED-991 close-out pass with the bolagssegment dialog open
   over an empty Indexserier chart, but nothing about it is specific to that page:
   it is reachable wherever a Bootstrap modal can open over a Telerik chart that
   has no data.

   1 rather than 0: the overlay still has to cover the chart's own plot area, which
   is what it is for. Its parent .k-chart is position: relative, so a single step is
   all the elevation it ever needed — the 10000 buys nothing and costs this. */
.k-chart-overlay {
    z-index: 1;
}