/* Дизайн-токены ПОМОР. Источник правды для styles.css (трек B). */
:root {
  /* Палитра — фирменный синий «СЭС-ПОМОР» (по градиенту логотипа) */
  --teal: #1E8FCB;        /* основной синий бренда */
  --teal-600: #0F6CA0;    /* тёмный синий: ховеры, ссылки */
  --teal-050: #E9F5FC;    /* очень светлый голубой: чипы, фоны */
  --mint: #5BB8E6;        /* светлый «небесный» голубой: градиенты */
  --graphite: #0B2436;    /* глубокий навы: футер, тёмный текст */
  --bg: #F1F8FD;          /* светлый голубоватый фон страниц */
  --surface: #FFFFFF;
  --ink: #13222E;
  --muted: #5A6B77;
  --line: #DCEAF3;        /* голубоватые границы */
  --accent: #1E8FCB;      /* CTA — фирменный синий логотипа */
  --accent-600: #0F6CA0;  /* ховер CTA — тёмный синий */
  --ok: #1FAE6F;
  --danger: #E5484D;

  /* Геометрия */
  --radius: 18px;
  --radius-sm: 12px;
  --radius-lg: 28px;
  --shadow: 0 10px 30px rgba(14, 27, 38, .10);
  --shadow-lg: 0 24px 60px rgba(14, 27, 38, .18);
  --container: 1180px;

  /* Типографика */
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --h1: clamp(2.2rem, 5vw, 4rem);
  --h2: clamp(1.7rem, 3.5vw, 2.6rem);
  --h3: clamp(1.25rem, 2.2vw, 1.6rem);

  /* Ритм */
  --space: 1rem;
  --section-y: clamp(3.5rem, 7vw, 6.5rem);
  --ease: cubic-bezier(.22, 1, .36, 1);
}