/* Палитра MEDTOUCH: исходные цвета задаются только в этом файле */
:root {
  --color-blue: #0d63e1;
  --color-blue-dark: #003bb9;
  --color-purple: #7119ff;
  --color-white: #fff;
  --color-black: #090909;
  --color-grey: #5d6774;
  --color-grey-light: #f1f1f1;
  --color-purple-dark: #5d05eb;
  --color-white-overlay: rgb(255 255 255 / 12%);

  /* Цвета по назначению: компоненты используют эти переменные */
  --color-page-background: var(--color-white);
  --color-text-primary: var(--color-black);
  --color-text-secondary: var(--color-grey);
  --color-header-background: var(--color-blue);
  --color-header-text: var(--color-white);
  --color-nav-hover: var(--color-white-overlay);
  --color-footer-background: var(--color-blue);
  --color-footer-bottom: var(--color-blue-dark);
  --color-footer-text: var(--color-white);
  --color-card-background: var(--color-grey-light);
  --color-card-date: var(--color-blue);
  --color-action-background: var(--color-purple);
  --color-action-hover: var(--color-purple-dark);
  --color-action-text: var(--color-white);
  --color-player-background: var(--color-black);
  --color-room-button-background: var(--color-white);
  --color-room-button-text: var(--color-blue);
  --color-room-button-border: var(--color-blue);
  --color-room-button-hover: var(--color-grey-light);
  --color-room-button-active-background: var(--color-blue);
  --color-room-button-active-text: var(--color-white);
  --color-focus: var(--color-purple);
  --color-focus-on-brand: var(--color-white);
}