/* MTR color tokens only. Light and dark palettes are maintained here.
   Do not add component styles, layout, typography or sizing overrides. */

:root:not(.dark) {
    --background: #fff;
    --foreground: oklch(21% 0.006 285.885);
    --card: #ffffff;
    --card-foreground: var(--foreground);
    --popover: #ffffff;
    --popover-foreground: var(--foreground);
    --primary: oklch(45% 0.24 277.023);
    --primary-foreground: oklch(93% 0.034 272.788);
    --secondary: oklch(95% 0 0);
    --secondary-foreground: var(--foreground);
    --muted: oklch(95% 0 0);
    --muted-foreground: oklch(55% 0.006 285.885);
    --accent: oklch(95% 0 0);
    --accent-foreground: var(--foreground);
    --mono: var(--foreground);
    --mono-foreground: #ffffff;
    --border: oklch(90% 0 0);
    --input: var(--border);
    --ring: var(--primary);
}

:root.dark {
    --primary: oklch(58% 0.233 277.117);
    --primary-foreground: oklch(96% 0.018 272.314);
    --background: #161b22;
    --foreground: #e2e8f0;
    --card: #1e2530;
    --card-foreground: #e2e8f0;
    --popover: #1e2530;
    --popover-foreground: #e2e8f0;
    --secondary: #283140;
    --secondary-foreground: #e2e8f0;
    --muted: #283140;
    --muted-foreground: #9aa8ba;
    --accent: #283140;
    --accent-foreground: #e2e8f0;
    --mono: #e2e8f0;
    --mono-foreground: #161b22;
    --border: #354052;
    --input: #354052;
    --ring: #64748b;
}

/* Current page uses primary text; the surface is reserved for hover. */
[data-portal-nav-links] .kt-menu-item.active > .kt-menu-link:not(:hover) {
    background-color: transparent;
}