export const Colors = {
  bg:       '#0a0a0a',
  surface:  '#141414',
  elevated: '#1e1e1e',
  border:   '#2a2a2a',
  green:    '#1db954',
  greenDim: '#168f3f',
  text:     '#f0f0f0',
  text2:    '#888888',
  text3:    '#444444',
  red:      '#e84040',
  white:    '#ffffff',
};

export const Spacing = {
  xs: 4,
  sm: 8,
  md: 16,
  lg: 24,
  xl: 32,
  xxl: 48,
};

export const Radius = {
  sm: 8,
  md: 12,
  lg: 16,
  xl: 20,
  full: 9999,
};

export const Font = {
  xs:   11,
  sm:   13,
  md:   15,
  lg:   17,
  xl:   20,
  xxl:  26,
  xxxl: 32,
};

export const TAB_BAR_HEIGHT = 88;
export const MINI_PLAYER_HEIGHT = 64;