:root {
    --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --bldr-dark-surface: #222327;
    --bldr-dark-card: #292a2f;
    --bldr-dark-popover: #2d2f34;
    --bldr-dark-muted: #2b2d32;
    --bldr-dark-accent: #32343a;
    --bldr-dark-secondary: #36383e;
    --bldr-dark-border: #3d3f46;
    --bldr-dark-input: #45474f;
    --bldr-dark-ring: #656871;
    --bldr-dark-muted-foreground: #a1a4ad;
    --bldr-dark-secondary-foreground: #eceef2;
    --bldr-dark-scrollbar: #555861;
}

.bldr-navigation-surface {
    background-color: var(--bldr-dark-surface) !important;
}

.dark {
    --background: var(--bldr-dark-surface);
    --foreground: #f5f6f8;
    --card: var(--bldr-dark-card);
    --card-foreground: #f5f6f8;
    --popover: var(--bldr-dark-popover);
    --popover-foreground: #f5f6f8;
    --secondary: var(--bldr-dark-secondary);
    --secondary-foreground: var(--bldr-dark-secondary-foreground);
    --muted: var(--bldr-dark-muted);
    --muted-foreground: var(--bldr-dark-muted-foreground);
    --accent: var(--bldr-dark-accent);
    --accent-foreground: #f5f6f8;
    --border: var(--bldr-dark-border);
    --input: var(--bldr-dark-input);
    --ring: var(--bldr-dark-ring);
}

#sidebar .kt-scrollable-y-auto {
    --scrollbar-thumb-color: var(--bldr-dark-scrollbar);
}

#sidebar .kt-scrollable-y-auto:hover {
    --scrollbar-thumb-color: #686b75;
}

/* BLDR typography: softer Wave-inspired hierarchy using the already-loaded Inter family. */
body {
    font-family: var(--font-sans);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.kt-card-title {
    font-weight: 500;
    letter-spacing: -0.0125em;
}

/*
 * BLDR feedback surfaces: keep semantic color coding without Metronic's
 * full-saturation alert fills. These overrides deliberately live in the
 * BLDR theme layer so vendor assets remain untouched.
 */
.kt-alert-primary,
.kt-alert-info,
.kt-alert-success,
.kt-alert-warning,
.kt-alert-danger,
.kt-alert-destructive {
    border: 1px solid transparent;
}

.kt-alert-primary {
    background-color: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.kt-alert-info {
    background-color: #f5f3ff;
    border-color: #ddd6fe;
    color: #5b21b6;
}

.kt-alert-success {
    background-color: #ecfdf3;
    border-color: #bbf7d0;
    color: #166534;
}

.kt-alert-warning {
    background-color: #fffbeb;
    border-color: #fde68a;
    color: #92400e;
}

.kt-alert-danger,
.kt-alert-destructive {
    background-color: #fff1f2;
    border-color: #fecdd3;
    color: #b42318;
}

.kt-alert-primary .kt-alert-close > svg,
.kt-alert-info .kt-alert-close > svg,
.kt-alert-success .kt-alert-close > svg,
.kt-alert-warning .kt-alert-close > svg,
.kt-alert-danger .kt-alert-close > svg,
.kt-alert-destructive .kt-alert-close > svg {
    color: currentColor;
}

.dark .kt-alert-primary {
    background-color: rgb(59 130 246 / 0.12);
    border-color: rgb(96 165 250 / 0.28);
    color: #bfdbfe;
}

.dark .kt-alert-info {
    background-color: rgb(139 92 246 / 0.12);
    border-color: rgb(167 139 250 / 0.28);
    color: #ddd6fe;
}

.dark .kt-alert-success {
    background-color: rgb(34 197 94 / 0.12);
    border-color: rgb(74 222 128 / 0.25);
    color: #bbf7d0;
}

.dark .kt-alert-warning {
    background-color: rgb(234 179 8 / 0.10);
    border-color: rgb(250 204 21 / 0.25);
    color: #fde68a;
}

.dark .kt-alert-danger,
.dark .kt-alert-destructive {
    background-color: rgb(239 68 68 / 0.12);
    border-color: rgb(248 113 113 / 0.25);
    color: #fecaca;
}