/* Дизайн-токены «Пространства». Значения сняты с Figma-концепта (см. figma/spec.md). */
:root {
  /* Цвета */
  --c-bg: #EEF6F3;          /* фон страницы */
  --c-mint: #D6EFE8;        /* декоративные круги */
  --c-mint-cell: #C9E6DE;   /* пустая ячейка, мягкие подложки */
  --c-mint-line: #CFE5E1;   /* светлый текст на тёмном */
  --c-teal: #0B7F76;        /* основной фирменный */
  --c-teal-light: #129F96;  /* подчёркивания, ховеры */
  --c-green-700: #17625D;
  --c-green-800: #134A46;
  --c-dark: #0C3532;        /* заголовки, тёмные секции */
  --c-text: #244B47;        /* основной текст */
  --c-yellow: #FFC93C;      /* акцент */
  --c-white: #FFFFFF;
  --c-error: #C0392B;       /* ошибки в формах */

  /* Шрифты */
  --f-display: "Yanone Kaffeesatz", "Arial Narrow", sans-serif;
  --f-text: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-hand: "Caveat", cursive;

  /* Размеры */
  --container: 1312px;
  --gutter: 64px;
  --radius-tile: 26px;
  --radius-section: 56px;
  --tile: 196px;
  --tile-gap: 10px;

  /* Силуэт детали пазла (для масок: маркеры, иконки) */
  --piece-mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-18 0 136 137%27%3E%3Cpath d=%27M0%2040Q0%2036%204%2036H30.9A22.7%2022.7%200%201%201%2069.1%2036H96Q100%2036%20100%2040V75.9A13.6%2013.6%200%201%200%20100%2096.1V132Q100%20136%2096%20136H62.8A13.6%2013.6%200%201%200%2037.2%20136H4Q0%20136%200%20132V96.1A13.6%2013.6%200%201%200%200%2075.9Z%27/%3E%3C/svg%3E");

  /* Тени и движение */
  --shadow-piece: drop-shadow(0 14px 8px rgba(12, 53, 50, .28));
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-bounce: cubic-bezier(.34, 1.45, .64, 1);
}

@media (max-width: 1100px) {
  :root { --gutter: 40px; }
}

@media (max-width: 600px) {
  :root {
    --gutter: 20px;
    --radius-tile: 20px;
    --radius-section: 32px;
  }
}