.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}
/* 
Цвета (рекомендация)
Чёрный (фон/шапка/подвал)

Основной чёрный: #0E0F12

Чуть мягче (карточки/полосы): #151821

Границы/разделители на тёмном: #232836

Жёлтый (акценты/кнопки/иконки)

Акцентный жёлтый (CTA, активные состояния): #F5B301

Жёлтый потемнее (hover/нажатие): #D99600

Светлый жёлтый (подсветка/блики, редко): #FFD36A

Текст

Белый основной: #FFFFFF

Серый текст на тёмном: #C9CFDA

Приглушённый (подписи): #8E97A7

Если хотите «прям как в макете»: делайте кнопки и активные пункты меню жёлтым #F5B301, а остальное — на тёмном #0E0F12. */