@import './styles/color-tokens.css';
@import './styles/page-common.css';
@import './styles/filter-chips.css';
@import './styles/session-status-chips.css';
@import './styles/sg-input-fields.css';

@font-face {
  font-family: 'Tinkoff Sans';
  src: url('/fonts/TinkoffSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Tinkoff Sans';
  src: url('/fonts/TinkoffSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Tinkoff Sans';
  src: url('/fonts/TinkoffSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

html,
body {
  height: 100%;
  margin: 0;
}

body {
  box-sizing: border-box;
  background: var(--sg-color-bg);
  color: var(--sg-color-text);
  font: var(--tui-font-text-m, 15px/1.5 'Tinkoff Sans', sans-serif);
  font-family: 'Tinkoff Sans', sans-serif;
}

.sg-content-column {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--sg-content-max-width);
  margin-inline: auto;
  padding-inline: var(--sg-page-padding-inline);
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

/*
 * Taiga задаёт font через shorthand на кнопках/инпутах; без !important родной шрифт
 * перебивает body. Трогать только при смене темы через переменные Taiga.
 */
* {
  font-family: 'Tinkoff Sans', sans-serif !important;
}

/* Form defaults */
input::placeholder,
textarea::placeholder {
  color: var(--sg-color-placeholder);
  opacity: 1;
}

/* Уведомления об ошибках: заголовок — Medium (500) */
tui-notification-alert [tuiTitle] {
  font-weight: 500;
}

/*
 * Пагинация Taiga: активная страница — primary внутри чужого компонента;
 * стили из sessions-list не доходят из‑за ViewEncapsulation — только глобально.
 */
tui-pagination button.t-button[tuiButton][tuiAppearance][data-appearance='primary'] {
  --t-bg: var(--sg-filter-chip-active-bg) !important;
  background: var(--t-bg) !important;
  border-color: var(--sg-filter-chip-active-bg) !important;
  color: var(--sg-filter-chip-active-fg) !important;
}

tui-pagination
  button.t-button[tuiButton][tuiAppearance][data-appearance='primary']:hover:not(:disabled):not(
    [data-state='disabled']
  ) {
  --t-bg: var(--sg-filter-chip-active-bg-hover) !important;
  background: var(--t-bg) !important;
  border-color: var(--sg-filter-chip-active-bg-hover) !important;
  color: var(--sg-filter-chip-active-fg) !important;
}
