/* Дизайн-токены ЖК «Волна» — извлечены из Figma (страница «Главная», 1920px).
   Шрифт: Mulish (400/500/600/700). Акцент — синий «водяной». */
:root {
  /* Цвета — нейтральные */
  --c-white: #ffffff;
  --c-ink: #1f1f1f;        /* основной тёмный текст */
  --c-ink-2: #22262c;      /* тёмные секции/фон */
  --c-bg-soft: #f8f8f8;    /* светлая подложка */

  /* Цвета — акцент (синий) */
  --c-blue: #0098ff;       /* основной акцент / кнопки */
  --c-blue-600: #196eb9;
  --c-blue-700: #014ca9;   /* глубокий синий */
  --c-blue-sky: #3fa9e0;
  --c-blue-cyan: #23a8e2;

  /* Прозрачные (стекло поверх фото) */
  --c-glass-30: rgba(255, 255, 255, 0.30);
  --c-glass-12: rgba(255, 255, 255, 0.12);
  --c-glass-10: rgba(255, 255, 255, 0.10);
  --c-blue-tint: rgba(0, 152, 255, 0.15);  /* светло-голубая подложка */

  /* Типографика */
  --font: "Mulish", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* Скругления (из макета) */
  --r-sm: 12px;
  --r-md: 20px;
  --r-lg: 24px;
  --r-pill: 100px;

  /* Контейнер: контент в макете занимает 1720px при ширине 1920 → поля 100px */
  --container: 1720px;
  --gutter: 100px;
}

@media (max-width: 1280px) {
  :root { --gutter: 40px; }
}
@media (max-width: 600px) {
  :root { --gutter: 16px; }
}