:root {
	/* TOKENS */
	--print-highlight: var(--color-brand-140);
	--print-subtle: var(--color-gray-100);
	--print-normal: var(--color-gray-130);
	--surface-0: var(--color-gray-10);
	--surface-1: var(--color-gray-20);
	--surface-2: var(--color-gray-30);
	--surface-3: var(--color-gray-40);
	--print-interactive: var(--color-blue-100);
	--print-inverse: var(--color-gray-20);
	--button-primary-bg: var(--color-brand-140);
	--button-primary-bg-hover: var(--color-brand-150);
	--button-primary-bg-active: var(--color-brand-130);
	--button-primary-print: var(--color-gray-30);
	--button-primary-print-hover: var(--color-gray-10);
	--button-primary-print-active: var(--color-gray-30);
	--button-secondary-bg: var(--color-gray-70);
	--button-secondary-bg-hover: var(--color-gray-80);
	--button-secondary-bg-active: var(--color-gray-60);
	--button-secondary-print: var(--color-brand-120);
	--button-secondary-print-hover: var(--color-brand-130);
	--button-secondary-print-active: var(--color-brand-110);
	--button-tertiary-bg: var(--color-gray-50);
	--button-tertiary-bg-hover: var(--color-gray-60);
	--button-tertiary-bg-active: var(--color-gray-40);
	--button-tertiary-print: var(--color-gray-120);
	--button-tertiary-print-hover: var(--color-gray-150);
	--button-tertiary-print-active: var(--print-key);
	--input-secondary-bg: var(--color-gray-60);
	--input-secondary-bg-hover: var(--color-gray-70);
	--input-secondary-bg-active: var(--color-gray-50);
	--input-secondary-print: var(--input-print);
	--input-secondary-print-hover: var(--input-print-hover);
	--input-secondary-print-active: var(--input-print-active);
	--button-ghost-bg: rgba(0 0 0 / 0);
	--button-ghost-bg-hover: var(--button-tertiary-bg-hover);
	--button-ghost-bg-active: var(--button-tertiary-bg-active);
	--button-ghost-print: var(--button-tertiary-print);
	--button-ghost-print-hover: var(--button-tertiary-print-hover);
	--button-ghost-print-active: var(--button-tertiary-print-active);
	--button-brand-bg: var(--color-brand-80);
	--button-brand-bg-hover: var(--color-brand-60);
	--button-brand-bg-active: var(--color-brand-100);
	--button-brand-print: var(--color-gray-20);
	--button-brand-print-hover: var(--color-gray-10);
	--button-brand-print-active: var(--color-gray-20);
	--input-ghost-bg: rgba(0 0 0 / 0);
	--input-ghost-bg-hover: var(--button-tertiary-bg-hover);
	--input-ghost-bg-active: var(--button-tertiary-bg-active);
	--input-ghost-print: var(--input-print);
	--input-ghost-print-hover: var(--input-print-hover);
	--input-ghost-print-active: var(--input-print-active);
	--print-brand: var(--color-brand-90);
	--input-secondary-radius: var(--base-radius-default);
	--input-ghost-radius: var(--base-radius-default);
	--button-primary-radius: var(--radius-max);
	--button-secondary-radius: var(--radius-md);
	--button-tertiary-radius: var(--radius-md);
	--button-ghost-radius: var(--radius-md);
	--button-brand-radius: var(--radius-max);
	--pill-radius: var(--base-radius-default);
	--button-warning-radius: var(--radius-md);
	--button-warning-bg: var(--color-red-80);
	--button-warning-bg-hover: var(--color-red-90);
	--button-warning-bg-active: var(--color-red-70);
	--button-warning-print: var(--color-gray-150);
	--button-warning-print-hover: var(--color-gray-130);
	--button-warning-print-active: var(--color-red-130);
	--metadata-print: var(--print-subtle);
	--metadata-icon-size: var(--icon-sm);
	--cover-size-xl: var(--base-size-max);
	--cover-radius-xl: var(--radius-md);
	--cover-size-lg: var(--size-4xl);
	--cover-radius-lg: var(--radius-sm);
	--cover-radius-md: var(--radius-sm);
	--cover-size-md: var(--size-2xl);
	--avatar-size-lg: var(--size-3xl);
	--avatar-size-md: var(--size-2xl);
	--avatar-size-sm: var(--size-lg);
	--cover-radius-sm: var(--radius-sm);
	--cover-size-sm: var(--size-lg);
	--avatar-border: #ffffff;
	--avatar-border-hover: #ffffff;
	--avatar-border-active: #ffffff;
	--button-link-secondary-print: var(--print-interactive);
	--button-link-secondary-print-hover: var(--color-blue-110);
	--button-link-secondary-print-active: var(--color-blue-70);
	--player-radius-lg: var(--player-size-lg);
	--player-primary-bg: var(--button-primary-bg);
	--player-primary-bg-hover: var(--button-primary-bg-hover);
	--player-primary-bg-active: var(--button-primary-bg-active);
	--player-primary-print: var(--button-primary-print);
	--player-primary-print-hover: var(--button-primary-print-hover);
	--player-primary-print-active: var(--button-primary-print-active);
	--player-size-lg: var(--size-xl);
	--player-size-md: var(--size-lg);
	--player-radius-md: var(--player-size-lg);
	--player-secondary-bg: var(--button-secondary-bg);
	--player-secondary-bg-hover: var(--button-secondary-bg-hover);
	--player-secondary-bg-active: var(--button-secondary-bg-active);
	--player-secondary-print: var(--button-secondary-print);
	--player-secondary-print-hover: var(--button-secondary-print-hover);
	--player-secondary-print-active: var(--button-secondary-print-active);
	--player-icon-size-lg: var(--icon-md);
	--player-icon-size-md: var(--icon-sm);
	--pill-size: var(--size-2xs);
	--pill-pd: var(--pd-sm);
	--metadata-pd: var(--pd-sm);
	--metadata-pd-grp: var(--pd-md);
	--waveform-print: var(--color-gray-90);
	--button-pd-outter: var(--pd-md);
	--button-pd-inner: var(--pd-sm);
	--button-size-md: var(--size-md);
	--button-icon-size-md: var(--icon-md);
	--button-grp-pd: var(--pd-2xs);
	--avatar-size-xs: var(--size-xs);
	--avatar-radius-lg: var(--avatar-size-lg);
	--avatar-radius-md: var(--avatar-size-md);
	--avatar-radius-sm: var(--avatar-size-sm);
	--avatar-radius-xs: var(--avatar-size-xs);
	--list-project-pd-col: var(--pd-sm);
	--list-project-pd-row: var(--pd-md);
	--avatar-grp-pd-xs: -6px;
	--avatar-grp-pd-xs-rem: -0.375rem;
	--avatar-grp-border: var(--surface-2);
	--list-project-radius: var(--base-radius-default);
	--cover-size-xs: var(--size-sm);
	--cover-radius-xs: var(--radius-xs);
	--list-playlist-radius: var(--base-radius-default);
	--list-playlist-pd-row: var(--pd-md);
	--list-project-pd: var(--pd-2xs);
	--list-playlist-pd: var(--pd-2xs);
	--metadata-size: var(--size-2xs);
	--player-size-sm: var(--size-md);
	--player-radius-sm: var(--player-size-sm);
	--player-icon-size-sm: var(--icon-sm);
	--list-track-radius: var(--base-radius-default);
	--list-track-pd: var(--pd-2xs);
	--list-track-pd-row: var(--pd-md);
	--list-track-pd-col: var(--pd-sm);
	--list-radius: var(--base-radius-default);
	--list-bg: rgba(0 0 0 / 0);
	--list-bg-hover: var(--button-tertiary-bg-hover);
	--list-bg-active: var(--button-tertiary-bg-active);
	--list-print: var(--button-tertiary-print);
	--list-print-hover: var(--button-tertiary-print-hover);
	--list-print-active: var(--button-tertiary-print-active);
	--badge-radius: var(--base-radius-default);
	--badge-size: var(--size-2xs);
	--badge-pd: var(--pd-sm);
	--badge-attention-bg: var(--color-red-70);
	--button-size-sm: var(--size-sm);
	--button-icon-size-sm: var(--icon-sm);
	--print-key: var(--color-yellow-120);
	--badge-attention-print: var(--print-highlight);
	--badge-neutral-bg: var(--surface-3);
	--badge-neutral-print: var(--print-subtle);
	--pill-genre-bg: var(--surface-2);
	--pill-genre-bg-hover: var(--color-gray-30);
	--pill-genre-bg-active: var(--pill-genre-bg);
	--pill-genre-print: var(--print-subtle);
	--pill-genre-print-hover: var(--print-normal);
	--pill-genre-print-active: var(--print-subtle);
	--pill-genre-border: #ffffff;
	--pill-genre-border-hover: #ffffff;
	--pill-genre-border-active: #ffffff;
	--badge-supporter-print: var(--color-brand-90);
	--button-size-lg: var(--size-lg);
	--button-icon-size-lg: var(--icon-lg);
	--pill-generic-bg: var(--surface-2);
	--pill-generic-bg-hover: var(--color-gray-30);
	--pill-generic-bg-active: var(--pill-genre-bg);
	--pill-generic-print: var(--print-subtle);
	--pill-generic-print-hover: var(--print-normal);
	--pill-generic-print-active: var(--print-subtle);
	--pill-generic-border: #ffffff;
	--pill-generic-border-hover: #ffffff;
	--pill-generic-border-active: #ffffff;
	--print-placeholder: var(--print-subtle);
	--input-tertiary-radius: var(--base-radius-default);
	--input-tertiary-bg: var(--button-tertiary-bg);
	--input-tertiary-bg-hover: var(--button-tertiary-bg-hover);
	--input-tertiary-bg-active: var(--button-tertiary-bg-active);
	--input-tertiary-print: var(--input-print);
	--input-tertiary-print-hover: var(--input-print-hover);
	--input-tertiary-print-active: var(--input-print-active);
	--input-print: var(--print-normal);
	--input-print-hover: var(--print-normal);
	--input-print-active: var(--print-highlight);
	--input-print-placeholder: var(--print-placeholder);
	--base-disabled-opacity: 38px;
	--base-disabled-opacity-rem: 2.375rem;
	--base-radius-default: var(--radius-md);
	--base-size-max: var(--size-4xl);
	--input-size-sm: var(--button-size-sm);
	--input-size-md: var(--button-size-md);
	--input-size-lg: var(--button-size-lg);
	--input-pd-outter: var(--button-pd-outter);
	--input-pd-inner: var(--button-pd-inner);
	--card-padding-sm: var(--pd-lg);
	--card-padding-md: var(--pd-xl);
	--card-padding-lg: var(--pd-2xl);
	--card-radius-sm: var(--radius-sm);
	--card-radius-md: var(--radius-md);
	--card-radius-lg: var(--radius-lg);
	--card-border: var(--color-gray-50);
	--input-icon-size-sm: var(--icon-sm);
	--input-icon-size-md: var(--icon-md);
	--input-icon-size-lg: var(--icon-lg);
	--input-border-active: var(--color-gray-110);
	--input-border-warning: var(--print-warning);
	--print-warning: var(--color-red-90);
	--button-link-primary-print: var(--print-key);
	--button-link-primary-print-hover: var(--color-yellow-140);
	--button-link-primary-print-active: var(--color-yellow-90);
	--message-radius: var(--radius-md);
	--message-icon-size: var(--icon-sm);
	--message-pd-outter: var(--pd-md);
	--message-pd-v: var(--pd-sm);
	--message-pd-inner: var(--pd-md);
	--message-warning-bg: var(--color-red-70);
	--message-warning-print: var(--color-gray-150);
  }
