:root {
    /* Tipografía */
    --font-primary: 'Inter', sans-serif;

    /* Paleta de Colores (Inspirada en Spotify) */
    --color-background: #0a0a0a;
    --color-surface: #121212;
    --color-surface-light: #181818;
    --color-surface-highlight: #282828;

    --color-primary: #1DB954;
    --color-primary-light: #1ed760;

    --color-text-primary: #FFFFFF;
    --color-text-secondary: #b3b3b3;
    --color-text-tertiary: #535353;

    /* Glassmorphism */
    --color-glass-bg: rgba(24, 24, 24, 0.6);
    --blur-glass: backdrop-filter: blur(12px);

    /* Sombras */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);

    /* Bordes */
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 16px;
    --border-color: #282828;

    /* Transiciones */
    --transition-fast: 150ms ease-in-out;
    --transition-smooth: 300ms ease-in-out;

    /* Layout */
    --sidebar-width: 250px;
    --header-height: 64px;
}