:root {
  --primary-50: hsl(232, 37%, 70%);
  --primary-100: hsl(232, 37%, 53%);
  --primary-200: hsl(237, 44%, 53%);
  --primary-300: hsl(235, 43%, 36%);
  --primary-400: hsl(235, 47%, 28%);
  --primary-500: hsl(229, 67%, 17%);
  --primary-600: hsl(227, 46%, 14%);
  --secondary-200: hsl(27, 96%, 60%);
  --primary-color: var(--primary-300);
  --primary-dark: var(--primary-600);
  --secondary-color: var(--secondary-200);
  --browser-header-bg: var(--primary-400);
  --browser-title: var(--primary-500);
  --browser-item-btn: var(--primary-500);
  --browser-item-btn-hover: var(--primary-400);
  --browser-text: var(--browser-title);
  --browser-footer: var(--primary-50);
}

.header__logo::before {
  background-image: url("../images/logo.png?80309");
}

[lang="ch"] .header__logo::before, [lang="zh-TW"] .header__logo::before {
  background-image: url("../images/logo_slogan/logo_ch.svg?81363");
}

[lang="cs"] .header__logo::before, [lang="zh-CN"] .header__logo::before, [lang="zh-CHS"] .header__logo::before, [lang="zhcn"] .header__logo::before {
  background-image: url("../images/logo_slogan/logo_cs.svg?4501");
}

[lang="vn"] .header__logo::before, [lang="vi-VN"] .header__logo::before {
  background-image: url("../images/logo_slogan/logo_vn.svg?99719");
}