/*
Theme Name: Предгорье
Description: Тема сайта общественно-политической газеты Мостовского района. Вёрстка повторяет действующий сайт; вся предметная логика — в плагине «Предгорье — ядро сайта».
Version: 0.1.0
Requires at least: 6.8
Requires PHP: 8.1
Text Domain: predgorie
*/

/*
 * Здесь только сброс и общая раскладка. Палитра — в assets/css/tokens.css,
 * блоки — в assets/css/main.css: так правку цвета не приходится искать
 * среди правил вёрстки.
 */

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

body {
  margin: 0;
  background: var(--surface);
  color: var(--ink);
  font-family: var(--font-sans);
  font-size: calc(1rem * var(--a11y-scale));
  letter-spacing: var(--a11y-tracking);
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
}

img,
video {
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
}

/* Видимая рамка фокуса обязательна: по сайту ходят с клавиатуры. */
:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 2px;
}

.container {
  width: 100%;
  max-width: var(--width-page);
  margin-inline: auto;
  /* Поля совпадают с прототипом: 1 rem на телефоне, 1.5 rem дальше. */
  padding-inline: 1rem;
}

@media (min-width: 40rem) {
  .container {
    padding-inline: 1.5rem;
  }
}

/* Ссылка «к содержимому» для тех, кто пользуется клавиатурой и скринридером. */
.skip-link {
  position: absolute;
  left: -9999px;
}

.skip-link:focus {
  left: 1rem;
  top: 1rem;
  z-index: 100;
  padding: 0.5rem 1rem;
  background: var(--brand);
  color: var(--brand-ink);
  border-radius: var(--radius);
}