/* ============ MelodyMind Minimalist Design System ============ */

:root {
    /* --- Light Theme (Default) --- */
    --bg-color: oklch(98% 0.005 260);
    --surface-color: oklch(95% 0.005 260);
    --text-main: oklch(25% 0.01 260);
    --text-muted: oklch(55% 0.01 260);
    --border-color: oklch(85% 0.01 260);
    --accent-color: oklch(25% 0.01 260); /* 强调色与主文本同色，保持克制 */

    /* --- Typography --- */
    --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-editorial: 'Noto Serif SC', 'Source Serif Pro', serif;

    /* --- Spacing & Layout --- */
    --sidebar-width: 320px;
    --player-height: 72px;

    /* --- Transitions --- */
    --ease-standard: cubic-bezier(0.25, 1, 0.5, 1);
    --duration-fast: 150ms;
    --duration-normal: 250ms;
}

/* --- Dark Theme --- */
[data-theme="dark"] {
    --bg-color: oklch(15% 0.005 260);
    --surface-color: oklch(20% 0.005 260);
    --text-main: oklch(95% 0.005 260);
    --text-muted: oklch(65% 0.005 260);
    --border-color: oklch(30% 0.005 260);
    --accent-color: oklch(95% 0.005 260);
}

/* --- Accessibility: Reduced Motion --- */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}