/* ============================================================
   EEIPHOTO — Единая дизайн-система (Inter / Apple Glass Style)
   ============================================================ */

:root {
  --bg: #0a0a0c;
  --bg-light: #ffffff;
  --text-dark: #0a0a0c;
  --text-body-dark: #1a1a1e;
  --text-body-light: rgba(255, 255, 255, 0.75);
  --accent: #2AABEE;
  --accent-hover: #6fc5f5;
  --font-main: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Единая шкала размеров шрифта */
  --fs-h1: clamp(38px, 4.8vw, 54px);
  --fs-h2: clamp(28px, 3.4vw, 42px);
  --fs-h3: 18px;
  --fs-body: clamp(15px, 1.1vw, 16px);
  --fs-small: 14.5px;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--text-body-light);
  font-family: var(--font-main);
  font-weight: 300;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

img {
  max-width: 100%;
  display: block;
}

a {
  color: inherit;
}

/* Отступ под фиксированный хедер (header.php использует position: fixed) */
.page-content {
  padding-top: 84px;
}

/* ============================================================
   Универсальные типографические классы
   ------------------------------------------------------------
   Вешаются на любой элемент в новой вёрстке —
   без привязки к какому-либо конструктору.
   ============================================================ */

.lg-h1-main {
  font-family: var(--font-main);
  font-size: var(--fs-h1);
  font-weight: 500;
  letter-spacing: -0.03em;
  color: #ffffff;
  margin: 0;
}

.lg-h2 {
  font-family: var(--font-main);
  font-size: var(--fs-h2);
  font-weight: 500;
  letter-spacing: -0.02em;
  margin: 0;
}

/* H2 на светлом фоне (карточки/секции с белым бэкграундом) */
.lg-h2--dark {
  color: var(--text-dark);
}

/* H2 на тёмном фоне (по умолчанию сайт тёмный) */
.lg-h2--light {
  color: #ffffff;
}

.lg-h3-card {
  font-family: var(--font-main);
  font-size: var(--fs-h3);
  font-weight: 500;
  letter-spacing: -0.01em;
  margin: 0;
}

.lg-p {
  font-family: var(--font-main);
  font-size: var(--fs-body);
  font-weight: 300;
  line-height: 1.7;
}

.lg-p--dark {
  color: var(--text-body-dark);
}

.lg-p--light {
  color: var(--text-body-light);
}

.lg-p strong {
  font-weight: 600;
}

.lg-p--dark strong {
  color: #000000;
}

.lg-p--light strong {
  color: #ffffff;
}

.lg-small {
  font-family: var(--font-main);
  font-size: var(--fs-small);
  font-weight: 400;
  line-height: 1.65;
}