:root {
	--cf-primary: #1E90FF;
	--cf-accent: #FF6600;
	--cf-bg: #0D0F12;
	--cf-surface: #141820;
	--cf-surface-2: #0f131a;
	--cf-text: #E5E7EB;
	--cf-text-muted: #9CA3AF;
	--cf-border: #1F2937;
	--cf-radius-sm: 10px;
	--cf-radius-md: 14px;
	--cf-radius-lg: 20px;
	--cf-header-h: 56px;
	--cf-footer-h: 72px;
	--cf-z-scrim: 900;
	--cf-z-header: 1000;
	--cf-z-footer: 999;
	--cf-z-modal: 1100;
	--cf-speed-fast: 150ms;
	--cf-speed: 300ms;
	--cf-speed-slow: 500ms;
	--cf-icon: 40px;
	--cf-icon-colour: #E5E7EB;
	--cf-icon-footer: 28px;
	--cf-footer-icon-size: 56px;
	--cf-footer-icon-radius: 18px;
	--cf-header-icon-size: 40px;
	--cf-header-icon-radius: 12px;
	--cf-icon: 20px;
	/* Playlist cards */
	--cf-card-playlist-w: 200px;
	--cf-card-playlist-h: 280px;
	/* Song mini cards */
	--cf-card-song-h: 80px;
	--cf-card-song-thumb: 64px;
}