:root {
    /* Mi Kimaré Design System 2.0.0 */
    --mkr-font-base: "Space Mono", "Courier New", Courier, monospace;
    --mkr-font-fallback: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

    --mkr-brand-slate: #1e3640;
    --mkr-brand-royal: #0f47af;
    --mkr-brand-cyan: #009eff;
    --mkr-brand-magenta: #f24bc6;
    --mkr-brand-purple: #de49f2;
    --mkr-brand-orange: #ea580c;

    --mkr-neutral-0: #ffffff;
    --mkr-neutral-50: #f8fafc;
    --mkr-neutral-100: #f1f5f9;
    --mkr-neutral-200: #e2e8f0;
    --mkr-neutral-300: #d9d8d7;
    --mkr-neutral-500: #64748b;
    --mkr-neutral-700: #334155;
    --mkr-neutral-800: #1e3640;
    --mkr-neutral-900: #0f172a;
    --mkr-neutral-1000: #000000;

    --mkr-bg-canvas: #f8fafc;
    --mkr-bg-surface: #ffffff;
    --mkr-bg-sidebar: #1e3640;
    --mkr-bg-banner: #1e3640;
    --mkr-border-default: #d9d8d7;
    --mkr-border-subtle: #f1f5f9;
    --mkr-border-strong: #1e3640;
    --mkr-border-focus: #009eff;
    --mkr-border-active: #0f47af;

    --mkr-text-primary: #1e3640;
    --mkr-text-secondary: #64748b;
    --mkr-text-strong: #000000;
    --mkr-text-inverse: #ffffff;
    --mkr-text-link: #009eff;
    --mkr-text-highlight: #f24bc6;

    --mkr-info: #009eff;
    --mkr-info-bg: #e0f2fe;
    --mkr-info-text: #0369a1;
    --mkr-warning: #ea580c;
    --mkr-warning-bg: #ffedd5;
    --mkr-warning-text: #c2410c;
    --mkr-error: #f24bc6;
    --mkr-error-bg: #fdf2f8;
    --mkr-error-text: #be185d;
    --mkr-success: #0f47af;
    --mkr-success-bg: #eff6ff;
    --mkr-success-text: #1d4ed8;

    --mkr-space-1: 4px;
    --mkr-space-2: 8px;
    --mkr-space-3: 12px;
    --mkr-space-4: 16px;
    --mkr-space-5: 20px;
    --mkr-space-6: 24px;
    --mkr-space-8: 32px;
    --mkr-space-10: 40px;
    --mkr-space-12: 48px;
    --mkr-space-16: 64px;

    --mkr-sidebar-width: 240px;
    --mkr-header-height: 72px;
    --mkr-page-padding: 32px;
    --mkr-card-padding: 20px;
    --mkr-grid-gap: 16px;

    --mkr-radius-sm: 6px;
    --mkr-radius-md: 10px;
    --mkr-radius-lg: 16px;
    --mkr-radius-xl: 24px;
    --mkr-radius-card: 16px;
    --mkr-radius-banner: 20px;
    --mkr-radius-pill: 9999px;

    --mkr-shadow-subtle: 0 1px 3px 0 rgba(30, 54, 64, 0.05);
    --mkr-shadow-card: 0 4px 6px -1px rgba(30, 54, 64, 0.05), 0 2px 4px -2px rgba(30, 54, 64, 0.03);
    --mkr-shadow-banner: 0 10px 25px -5px rgba(30, 54, 64, 0.15);
    --mkr-focus-ring: 0 0 0 3px rgba(0, 158, 255, 0.25);

    /* Aliases retained for backwards-compatible component CSS. */
    --mkr-font-brand: var(--mkr-font-base);
    --mkr-font-ui: var(--mkr-font-base);
    --mkr-navy-950: var(--mkr-brand-slate);
    --mkr-navy-900: var(--mkr-brand-slate);
    --mkr-navy-800: var(--mkr-brand-royal);
    --mkr-navy: var(--mkr-brand-slate);
    --mkr-ink: var(--mkr-text-primary);
    --mkr-slate-700: var(--mkr-neutral-700);
    --mkr-slate-600: var(--mkr-neutral-500);
    --mkr-slate-500: var(--mkr-neutral-500);
    --mkr-slate-400: #94a3b8;
    --mkr-slate-300: var(--mkr-neutral-300);
    --mkr-slate-200: var(--mkr-neutral-200);
    --mkr-slate-100: var(--mkr-neutral-100);
    --mkr-slate-50: var(--mkr-neutral-50);
    --mkr-white: var(--mkr-neutral-0);
    --mkr-danger: var(--mkr-error);
    --mkr-panel: var(--mkr-bg-canvas);
}