:root {
    --bg-primary: #1a1a1a;
    --bg-secondary: #242424;
    --bg-tertiary: #2a2a2a;
    --bg-hover: #333333;
    --bg-active: #3d3d3d;

    --accent: #3B8ED0;
    --accent-hover: #4da3e0;
    --accent-dim: rgba(59, 142, 208, 0.15);

    --text-primary: #ffffff;
    --text-secondary: #b0b0b0;
    --text-muted: #808080;

    --heart-active: #9b59b6;
    --heart-inactive: #555555;
    --danger: #8B0000;
    --danger-hover: #a80000;
    --success: #2ecc71;

    --border: #333333;
    --border-accent: #3B8ED0;

    --font-family: 'Aptos', 'Segoe UI', system-ui, -apple-system, sans-serif;
    --font-size-xs: 11px;
    --font-size-sm: 12px;
    --font-size-base: 13px;
    --font-size-md: 14px;
    --font-size-lg: 18px;
    --font-size-xl: 24px;

    --sidebar-width: 220px;
    --header-height: 50px;
    --playerbar-height: 100px;
    --song-row-height: 48px;

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;

    --transition: 150ms ease;
}