/* Hightechflon tokens over Telerik Default 14.5 (UI for Blazor 15).
   Primary is page accent blue, not Default green. Density tokens are scoped
   to compact grids so TemplateMonster chrome keeps its own type. */

:root {
    --htf-page-blue: #28578f;
    --htf-page-blue-hover: #1f456f;
    --kendo-color-primary: #9ccc65;
    --kendo-color-primary-hover: #82c23c;
    --kendo-color-primary-active: #74b030;
    --kendo-color-primary-on-surface: #9ccc65;
    /* v15 Default computes text as oklch(from surface …). Grid body uses on-app-surface. */
    --kendo-color-on-app-surface: #424242;
    --kendo-color-on-base: #424242;
    --kendo-color-base-on-surface: #424242;
    --kendo-color-base-on-subtle: #424242;
    --kendo-color-subtle: #666666;
    --kendo-font-family: var(--bs-body-font-family, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif);
}

.custom-grid-small {
    --kendo-font-size: 12px;
    --kendo-font-size-md: 12px;
    --kendo-font-size-sm: 11px;
    --kendo-line-height: 1.1;
}

/* v15 .k-grid uses --kendo-font-size (0.875rem). Keep compact 12px even if custom-grid-small is missing. */
.k-grid {
    --kendo-font-size: 12px;
    --kendo-font-size-md: 12px;
    --kendo-font-size-sm: 11px;
    --kendo-line-height: 1.1;
}

/* v15 inputs use --kendo-font-size (0.875rem). Restore old k-textbox 12px. */
.k-input,
.k-textbox,
.k-numerictextbox,
.k-textarea,
.k-maskedtextbox,
.k-combobox,
.k-datepicker,
.k-dropdownlist,
.k-multiselect,
.k-picker {
    --kendo-font-size: 12px;
    --kendo-font-size-md: 12px;
    --kendo-font-size-sm: 12px;
}