Deezer

:root {
  --color-dominant: #a43cfb;
  --color-surface: #3c1c5c;
  --color-ink: #bd72fc;
  --color-accent: #848484;
  --color-detail: #d4c6e4;
}

/* CSS variables exposed by source */
:root {
  --color-text-brand-hifi: #000;
  --color-grey-200: #eaeaea;
  --font-default: "Inter","Arial",sans-serif;
  --color-bg-brand-free: #000;
  --gap-sm: calc(14px*1.5);
  --color-bg-brand-family-selected: #fff0ec;
  --color-text-brand-family: #fff;
  --gap-s: calc(14px);
  --color-bg-main: #fdfcfe;
  --color-grey-100: #f4f4f4;
  --color-border-neutral-secondary: #c2c0c4;
  --color-grey-600: #32323d;
  --background-feedback-error-default: #f44336;
  --gap-xs: calc(14px*0.5);
  --color-grey-50: #f8f8f9;
  --color-neutral-strong: #a2a2ad;
  --color-text-secondary: #6f6d71;
  --spacing-2xl: calc(16px*2);
  --color-accent-weak: #c17aff;
  --color-bg-brand-family: #ff673d;
  --spacing-xl: calc(16px*1.5);
  --spacing-m: calc(16px*0.75);
  --color-white: #fff;
  --spacing-3xl: calc(16px*3);
  --color-bg-brand-hifi: #cca555 100%;
  --color-grey-500: #52525d;
  --spacing-default: 16px;
  --spacing-xs: calc(16px*0.25);
  --color-text-brand-premium: #fff;
  --color-divider-main: #c2c0c4;
  --color-accent-light: #d09aff;
  --color-bg-brand-premium-selected: #f6ebff;
  --gap-l: calc(14px*4);
  --color-border-neutral-primary: #c2c0c4;
  --color-bg-contrast: #eaeaea;
  --color-bg-inverse: #121216;
  --color-bg-brand-premium: #a238ff;
  --color-accent-main: #a238ff;
  --color-bg-tertiary-hover: #e1dde4;
  --font-deezer: "Deezer Product","Tahoma",sans-serif;
  --color-text-brand-duo: #fff;
  --color-accent-strong: #9333e8;
  --color-bg-tertiary: #ebe7ee;
  --color-grey-900: #121216;
  --spacing-2xs: calc(16px*0.125);
  --color-text-inverse: #fff;
  --color-neutral-main: #d1d1d6;
  --spacing-l: calc(16px*1);
  --color-text-brand-partners: #121216;
  --color-text-main: #0f0d13;
  --font-size-h2: 64px;
  --font-size-h3: 20px;
  --color-grey-800: #191922;
  --gap-2xl: calc(14px*10);
  --color-grey-300: #d1d1d6;
  --font-size-h1: 78px;
  --color-grey-700: #23232d;
  --color-intent-error: #df3c3c;
  --color-text-brand-trio: #fff;
  --spacing-none: 0;
}