/* Токены прототипа «Стратегии»: калька, гипс, киноварь, янтарь.
 * Палитра бумаги и киновари взята из системы «Межа» (rebuild-20261017/design/ART-DIRECTION.md).
 * --scene-* читает scene.js: цвета макета живут здесь же, в одном месте. */

@font-face {
  font-family: "Sofia Sans Extra Condensed";
  src: url("fonts/sofia-sans-xcond.woff2") format("woff2");
  font-weight: 1 1000;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sofia Sans";
  src: url("fonts/sofia-sans.woff2") format("woff2");
  font-weight: 1 1000;
  font-style: normal;
  font-display: swap;
}

:root {
  /* бумага и тушь */
  --color-paper: oklch(95.5% 0.007 235);
  --color-paper-clear: oklch(95.5% 0.007 235 / 0);
  --color-paper-2: oklch(91.5% 0.009 235);
  --color-kalka: oklch(95.5% 0.007 235 / 0.9);
  --color-ink: oklch(21% 0.014 255);
  --color-ink-2: oklch(41% 0.012 255);
  --color-rule: oklch(79% 0.010 240);
  --color-accent: oklch(53% 0.18 33);        /* киноварь: граница участка */
  --color-accent-ink: oklch(47% 0.17 33);    /* киноварь для мелких отметок на бумаге */
  --color-amber: oklch(72% 0.13 68);         /* янтарь: ограничения и пределы */
  --color-amber-ink: oklch(56% 0.12 62);
  --color-focus: oklch(53% 0.21 33);
  --color-on-ink: oklch(95.5% 0.007 235);
  --color-on-ink-2: oklch(78% 0.010 240);
  --color-accent-on-dark: oklch(68% 0.16 35);
  --color-focus-on-dark: oklch(74% 0.15 42);

  /* макет: гипс, кладка, стекло, бронза, камень */
  --scene-plaster: oklch(94% 0.012 80);      /* новые корпуса, плиты */
  --scene-plaster-2: oklch(89% 0.010 80);    /* окружение */
  --scene-plaster-3: oklch(80% 0.012 75);    /* кровельные короба, строения под снос */
  --scene-masonry: oklch(68% 0.050 52);      /* сохраняемый корпус, труба */
  --scene-masonry-dark: oklch(55% 0.035 50); /* кровля и цоколь корпуса */
  --scene-glass: oklch(34% 0.018 235);       /* утопленное остекление, лобби */
  --scene-bronze: oklch(58% 0.075 62);       /* импосты, ограждения, навес */
  --scene-planting: oklch(70% 0.035 135);    /* посадки, изгороди, диски деревьев */
  --scene-gravel: oklch(84% 0.015 85);       /* сквер на полосе ограничений */
  --scene-board: oklch(86% 0.018 78);        /* верх подмакетника, улицы */
  --scene-stone: oklch(80% 0.025 75);        /* средний слой подмакетника, двор */
  --scene-base: oklch(30% 0.012 60);         /* цоколь подмакетника */
  --scene-cut: oklch(27% 0.014 255);         /* разрез больше не используется сценой, оставлен для страницы */
  --scene-cut-light: oklch(90% 0.022 75);
  --scene-earth: oklch(58% 0.040 58);
  --scene-cinnabar: oklch(53% 0.18 33);
  --scene-amber: oklch(72% 0.13 68);
  --scene-sky: oklch(97% 0.008 235);
  --scene-ground: oklch(80% 0.015 70);
  --scene-shadow: oklch(21% 0.014 255);

  /* шрифты */
  --font-display: "Sofia Sans Extra Condensed", "Arial Narrow", sans-serif;
  --font-body: "Sofia Sans", "Helvetica Neue", Arial, sans-serif;

  /* кегли */
  --text-display: clamp(3rem, 1.2rem + 9vw, 5.5rem);
  --text-display-wide: min(clamp(3rem, 0.8rem + 6vw, 8.5rem), 15svh);
  --text-title: clamp(2.25rem, 1.5rem + 3.2vw, 4.25rem);
  --text-sub: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem);
  --text-lead: clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);
  --text-body: 1rem;
  --text-small: 0.875rem;

  /* шаг 4 px */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 10rem;
  --space-edge: clamp(1rem, 4vw, 4rem);
  --space-section: var(--space-9);

  /* линии */
  --rule-hair: 1px;
  --rule-meja: 1.5px;
  --radius-none: 0;

  /* движение */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 110ms;
  --dur-short: 240ms;
  --dur-long: 600ms;
}

@media (min-width: 1024px) {
  :root { --space-section: var(--space-10); }
}