/* Aviator dark-first palette.
   The Telerik/Kendo default theme (v14) is fully CSS-variable driven; the
   package ships no dark swatch, so this file IS the dark theme: it overrides
   the --kendo-color-* design tokens with a GitHub-dark-adjacent palette and
   sets the app-level surfaces. Loaded AFTER kendo-theme-default/all.css. */

:root {
    color-scheme: dark;

    /* surfaces */
    --kendo-color-app-surface: #0d1117;
    --kendo-color-on-app-surface: #e6edf3;
    --kendo-color-surface: #10161d;
    --kendo-color-surface-alt: #161b22;
    --kendo-color-subtle: #8b949e;

    /* base (component chrome) */
    --kendo-color-base: #21262d;
    --kendo-color-base-hover: #30363d;
    --kendo-color-base-active: #3a414a;
    --kendo-color-base-emphasis: #6e7681;
    --kendo-color-base-subtle: #161b22;
    --kendo-color-base-subtle-hover: #21262d;
    --kendo-color-base-subtle-active: #30363d;
    --kendo-color-on-base: #e6edf3;
    --kendo-color-base-on-subtle: #e6edf3;
    --kendo-color-base-on-surface: #e6edf3;

    /* borders */
    --kendo-color-border: #30363d;
    --kendo-color-border-alt: #3a414a;

    /* primary (accent) */
    --kendo-color-primary: #58a6ff;
    --kendo-color-primary-hover: #79b8ff;
    --kendo-color-primary-active: #388bfd;
    --kendo-color-primary-emphasis: #79b8ff;
    --kendo-color-primary-subtle: #0d2440;
    --kendo-color-primary-subtle-hover: #123058;
    --kendo-color-primary-subtle-active: #173d70;
    --kendo-color-on-primary: #06090e;
    --kendo-color-primary-on-subtle: #a5d1ff;
    --kendo-color-primary-on-surface: #58a6ff;

    /* status */
    --kendo-color-success: #3fb950;
    --kendo-color-on-success: #06090e;
    --kendo-color-info: #58a6ff;
    --kendo-color-on-info: #06090e;
    --kendo-color-warning: #d29922;
    --kendo-color-on-warning: #06090e;
    --kendo-color-error: #f85149;
    --kendo-color-on-error: #06090e;
    --kendo-color-error-subtle: #3d1513;
    --kendo-color-error-on-subtle: #ffb3ad;

    /* inverse */
    --kendo-color-inverse: #e6edf3;
    --kendo-color-on-inverse: #0d1117;
}

html, body {
    background: #0d1117;
    color: #e6edf3;
}

/* Blazor boot progress on the dark background. */
.loading-progress circle {
    stroke: #21262d;
}

.loading-progress circle:last-child {
    stroke: #58a6ff;
}

.loading-progress-text {
    color: #8b949e;
}

/* MapLibre chrome on dark: attribution + controls. */
.maplibregl-ctrl-attrib {
    background: rgba(13, 17, 23, 0.75) !important;
    color: #8b949e;
}

.maplibregl-ctrl-attrib a {
    color: #8b949e;
}

.maplibregl-ctrl-group {
    background: #161b22;
    border: 1px solid #30363d;
}

.maplibregl-ctrl-group button + button {
    border-top: 1px solid #30363d;
}

.maplibregl-ctrl button .maplibregl-ctrl-icon {
    filter: invert(0.85);
}

.maplibregl-popup-content {
    background: #161b22;
    color: #e6edf3;
    border: 1px solid #30363d;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
}

.maplibregl-popup-anchor-bottom .maplibregl-popup-tip {
    border-top-color: #161b22;
}

.maplibregl-popup-anchor-top .maplibregl-popup-tip {
    border-bottom-color: #161b22;
}

.maplibregl-popup-close-button {
    color: #8b949e;
}