/**
 * TORUD PUHTAKS — дизайн-токены (шрифты и цвета по макету).
 * Секции лендинга подключаются отдельно.
 */

html{
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body{
  overflow-x: hidden;
}

:root {
  /* Шрифты */
  --font-sans: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto,
    sans-serif;

  /* Основные цвета */
  --color-yellow: #ffcc00;
  --color-yellow-deep: #ffb400;
  --color-navy: #1a3b5d;
  --color-cyan: #00aeef;
  --color-accent-orange: #ff4e00;

  /* Текст */
  --color-text: #333333;
  --color-heading: var(--color-navy);

  /* Градиенты (кнопки, акценты) */
  --gradient-yellow: linear-gradient(
    180deg,
    var(--color-yellow) 0%,
    var(--color-yellow-deep) 100%
  );

  /* Фоны / стекло — под будущие карточки */
  --color-bg-page: #ffffff;
  --color-bg-soft-blue: rgba(0, 174, 239, 0.08);

  /* Радиусы по макету */
  --radius-button: 12px;
  --radius-card: 12px;

  /* Тени — базовые для кнопок/карточек */
  --shadow-button: 0 4px 12px rgba(26, 59, 93, 0.25);
  --shadow-card: 0 8px 24px rgba(26, 59, 93, 0.12);

  /* Шапка */
  --color-header-border: rgba(26, 59, 93, 0.08);
  --color-header-nav: var(--color-navy);
  --color-header-nav-hover: var(--color-cyan);
  --color-header-lang: #5a6b7d;
  --color-header-lang-active: var(--color-navy);
  --lang-switch-track: rgba(26, 59, 93, 0.07);
  --lang-switch-active-bg: #ffffff;
  --header-max-width: 1240px;

  /* Hero */
  --hero-blue-deep: #002b5c;
  --hero-yellow-bright: #ffd200;
  --hero-check-green: #39e06d;

  /* Услуги */
  --services-glass-bg: rgba(255, 255, 255, 0.48);
  --services-glass-border: rgba(255, 255, 255, 0.72);
}

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

body {
  margin: 0;
  font-family: var(--font-sans);
  font-weight: 400;
  color: var(--color-text);
  background-color: var(--color-bg-page);
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}