:root {
  --primary-50: #969ecf;
  --primary-100: #5b67b3;
  --primary-200: #5258bc;
  --primary-300: #343b83;
  --primary-400: #262b69;
  --primary-500: #0e1948;
  --primary-600: #131a34;
  --secondary-200: #fb8f37;
  --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_slogan/logo_white_en.svg?v=20251010002);
}

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

[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_white_cs.svg?v=20251010002");
}

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