:root {
    --mv-bg: #f5f7fb;
    --mv-surface: #ffffff;
    --mv-surface-2: #fbfcfe;
    --mv-surface-3: #f2f5fa;
    --mv-border: #dde4ee;
    --mv-border-soft: #edf1f6;
    --mv-text: #111827;
    --mv-text-2: #475467;
    --mv-text-3: #6b7280;
    --mv-text-4: #98a2b3;
    --mv-accent: #2f6fed;
    --mv-accent-soft: #eaf1ff;
    --mv-accent-2: #1e40af;
    --mv-star: #d4a017;
    --mv-hover: #f7faff;
    --mv-selected: #eef4ff;
    --mv-shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);
    --mv-shadow-md: 0 8px 24px rgba(16, 24, 40, .08);
    --mv-radius-sm: 10px;
    --mv-radius-md: 14px;
    --mv-radius-lg: 18px;
    --mv-font: Inter, "Segoe UI", Arial, sans-serif;
    --mv-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --mv-transition: 160ms ease;
    --mv-success: #16a34a;
    --mv-error: #dc2626;
}

[data-theme="dark"] {
    --mv-bg: #0f1724;
    --mv-surface: #111b2b;
    --mv-surface-2: #162233;
    --mv-surface-3: #0f1a29;
    --mv-border: #223249;
    --mv-border-soft: #1b293d;
    --mv-text: #e5edf7;
    --mv-text-2: #c1ccda;
    --mv-text-3: #91a0b4;
    --mv-text-4: #6c7b91;
    --mv-accent: #72a1ff;
    --mv-accent-soft: #16294f;
    --mv-accent-2: #9ebcff;
    --mv-star: #f4c542;
    --mv-hover: #172539;
    --mv-selected: #1a2f52;
    --mv-shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);
    --mv-shadow-md: 0 12px 28px rgba(0, 0, 0, .35);
    --mv-success: #22c55e;
    --mv-error: #f87171;
}

[data-theme="ocean"] {
    --mv-bg: #091b2a;
    --mv-surface: #0c2236;
    --mv-surface-2: #102a42;
    --mv-surface-3: #091e30;
    --mv-border: #1a3a54;
    --mv-border-soft: #142f47;
    --mv-text: #e0f4ff;
    --mv-text-2: #b0d4ee;
    --mv-text-3: #7aacc8;
    --mv-text-4: #507a96;
    --mv-accent: #00bcd4;
    --mv-accent-soft: #0a2f38;
    --mv-accent-2: #26d9ea;
    --mv-star: #ffb74d;
    --mv-hover: #0e2a3f;
    --mv-selected: #0d3044;
    --mv-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --mv-shadow-md: 0 12px 28px rgba(0, 0, 0, .4);
    --mv-success: #22c55e;
    --mv-error: #f87171;
}

[data-theme="sunset"] {
    --mv-bg: #fef9f3;
    --mv-surface: #ffffff;
    --mv-surface-2: #fffbf5;
    --mv-surface-3: #fef3e6;
    --mv-border: #f0dcc6;
    --mv-border-soft: #f5e8d8;
    --mv-text: #3d2c1e;
    --mv-text-2: #6b5340;
    --mv-text-3: #9a8068;
    --mv-text-4: #bfa888;
    --mv-accent: #e67e22;
    --mv-accent-soft: #fef0e0;
    --mv-accent-2: #d35400;
    --mv-star: #f1c40f;
    --mv-hover: #fff7ed;
    --mv-selected: #fef0e0;
    --mv-shadow-sm: 0 1px 2px rgba(60, 40, 20, .06);
    --mv-shadow-md: 0 8px 24px rgba(60, 40, 20, .1);
    --mv-success: #16a34a;
    --mv-error: #dc2626;
}

[data-theme="rose"] {
    --mv-bg: #fdf2f6;
    --mv-surface: #ffffff;
    --mv-surface-2: #fef7fa;
    --mv-surface-3: #fce8f0;
    --mv-border: #f0c6d8;
    --mv-border-soft: #f5dce8;
    --mv-text: #2d1f2f;
    --mv-text-2: #5c3d52;
    --mv-text-3: #8c6a7e;
    --mv-text-4: #b898a8;
    --mv-accent: #e91e8c;
    --mv-accent-soft: #fde4f2;
    --mv-accent-2: #c2185b;
    --mv-star: #f4c542;
    --mv-hover: #fef5f9;
    --mv-selected: #fde4f2;
    --mv-shadow-sm: 0 1px 2px rgba(60, 20, 40, .06);
    --mv-shadow-md: 0 8px 24px rgba(60, 20, 40, .1);
    --mv-success: #16a34a;
    --mv-error: #dc2626;
}