/*
 * Maydan swatch for Telerik UI for Blazor.
 * Overrides the Default theme's Kendo CSS variables with the Maydan palette so Telerik
 * components (Grid, Chart, Buttons, Windows, Notifications…) match the rest of the app.
 */
:root {
    --kendo-color-primary: #1AA7C0;
    --kendo-color-primary-hover: #157E91;
    --kendo-color-primary-active: #126F80;
    --kendo-color-primary-emphasis: #A4EBF3;
    --kendo-color-primary-subtle: #E4F6F9;
    --kendo-color-primary-on-subtle: #102A30;
    --kendo-color-primary-on-surface: #1AA7C0;

    --kendo-color-success: #16A34A;
    --kendo-color-warning: #F59E0B;
    --kendo-color-error: #E5484D;

    --kendo-color-app-surface: #FFFFFF;
    --kendo-color-surface-alt: #FFFFFF;
    --kendo-color-surface: #F4F9F9;
    --kendo-color-on-app-surface: #102A30;
    --kendo-color-subtle: #5B7178;
    --kendo-color-border: #DCE9EA;
    --kendo-color-border-alt: #DCE9EA;

    --kendo-border-radius-md: 10px;
    --kendo-border-radius-lg: 14px;

    --kendo-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

.k-button-solid-primary {
    box-shadow: 0 6px 14px rgba(26, 167, 192, 0.25);
}