/* ===== ПринятоПро — дизайн-токены (стиль «акт/досье») =====
   Единый блок переменных. При переносе в WordPress/Bricks — в глобальный CSS. */
:root{
  /* палитра — фон тёплый белый, «бумага» карточек желтоватая для контраста */
  --paper:#fcfaf6;        /* фон страницы — тёплый белый */
  --paper-2:#f7f3ea;      /* чуть теплее для альт-секций */
  --panel:#f3ead4;        /* «клочок бумаги» — желтоватый */
  --panel-2:#f0e6cd;      /* карточки потеплее/желтее */
  --card-paper:#f2e8d0;   /* основной цвет карточек-клочков */
  --ink:#221d16;          /* основной текст */
  --ink-soft:#4f463a;     /* вторичный текст */
  --ink-faint:#6b6150;    /* приглушённый текст — затемнён до AA ≥4.5:1 на жёлтых фонах (card/panel/paper-2) */
  --red:#cc2018;          /* акцент-штамп + ДЕЙСТВИЕ: заливные кнопки, штампы, фокус */
  --red-dark:#a8170f;
  --red-mark:#aa342a;     /* декоративный «красный карандаш»: eyebrow, текст-ссылки — приглушённее кнопки, чтобы CTA выигрывала */
  --green:#3c7a4e;        /* «принято/исправлено» */
  --line:#dccfb1;         /* линии разлиновки */
  --line-dark:#c2b18d;

  /* фоны-плиты (генерация нейросетью) */
  --plate:url("../assets/img/bg.jpg");
  --plate-m:url("../assets/img/bg-mobile.jpg");

  /* шрифты */
  --f-display:"Oswald",sans-serif;       /* заголовки, штампы, кнопки */
  --f-body:"Golos Text",-apple-system,Segoe UI,Roboto,Arial,sans-serif; /* основной текст */
  --f-hand:"Caveat",cursive;             /* рукописные пометки */

  /* рваные края «оторванный лист» — органичная линия с волокнами, тайл 720px, repeat-x */
  --torn-edge:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='720'%20height='24'%3E%3Cpath%20fill='%23000'%20d='M0,0H720V9.7L720,9.7L715,13.6L710,15.2L705,14.7L700,13.5L695,10.4L690,10.7L685,9.6L680,11.1L675,10.2L670,17.1L665,9.5L660,10.5L655,14.5L650,11.8L645,11.3L640,7.6L635,10.5L630,10.9L625,8.5L620,12.3L615,10.7L610,7.7L605,8.4L600,14.2L595,9.9L590,8.7L585,8.9L580,12.2L575,15.7L570,13.5L565,14.1L560,14.9L555,12.3L550,10.0L545,13.1L540,14.0L535,9.0L530,9.4L525,14.8L520,9.3L515,10.4L510,20.6L505,13.4L500,12.9L495,13.4L490,12.8L485,10.7L480,10.1L475,10.8L470,9.5L465,10.0L460,10.5L455,12.8L450,9.8L445,10.4L440,9.5L435,10.0L430,2.5L425,10.5L420,9.7L415,10.8L410,12.9L405,18.4L400,12.7L395,11.2L390,12.8L385,11.1L380,10.9L375,14.5L370,13.6L365,13.6L360,13.6L355,16.5L350,14.6L345,9.7L340,15.1L335,15.8L330,13.8L325,15.1L320,13.7L315,21.5L310,12.5L305,11.6L300,12.9L295,10.9L290,15.7L285,10.7L280,12.5L275,10.8L270,11.4L265,8.0L260,10.8L255,8.0L250,7.6L245,6.4L240,8.5L235,8.0L230,12.1L225,7.1L220,6.1L215,4.3L210,4.6L205,6.8L200,6.3L195,7.8L190,11.2L185,9.7L180,9.6L175,10.6L170,7.2L165,4.0L160,8.8L155,12.7L150,8.8L145,9.8L140,13.5L135,10.9L130,13.6L125,13.2L120,12.3L115,10.9L110,11.7L105,9.5L100,9.5L95,12.0L90,12.4L85,9.4L80,9.3L75,10.0L70,8.6L65,7.9L60,9.1L55,7.6L50,7.4L45,7.6L40,8.5L35,6.9L30,6.8L25,7.4L20,10.9L15,8.2L10,14.7L5,10.0L0,9.7Z'/%3E%3C/svg%3E");
  --torn-edge-top:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='720'%20height='24'%3E%3Cpath%20fill='%23000'%20d='M0,24H720V12.0L720,12.0L715,9.5L710,10.5L705,10.3L700,6.6L695,2.5L690,6.9L685,4.3L680,7.4L675,3.6L670,4.5L665,6.5L660,4.1L655,7.2L650,4.2L645,4.8L640,14.0L635,6.7L630,7.6L625,8.9L620,13.2L615,9.7L610,9.5L605,7.8L600,11.7L595,12.7L590,10.4L585,13.4L580,10.0L575,11.7L570,12.5L565,11.5L560,14.4L555,12.5L550,11.1L545,5.0L540,10.9L535,12.8L530,12.1L525,13.6L520,10.5L515,14.6L510,13.1L505,13.0L500,9.8L495,14.3L490,13.8L485,11.3L480,12.9L475,13.2L470,12.4L465,14.7L460,16.0L455,16.3L450,16.6L445,14.2L440,12.4L435,12.5L430,10.0L425,12.8L420,14.4L415,10.8L410,12.8L405,12.6L400,11.1L395,11.1L390,9.7L385,12.1L380,10.9L375,11.1L370,12.3L365,14.9L360,13.4L355,12.2L350,8.3L345,13.8L340,16.0L335,15.9L330,17.6L325,17.6L320,20.6L315,12.0L310,12.6L305,16.0L300,13.9L295,14.5L290,14.2L285,12.4L280,11.5L275,12.8L270,12.0L265,7.1L260,9.2L255,10.9L250,8.0L245,10.7L240,10.1L235,14.7L230,12.0L225,9.5L220,7.3L215,16.6L210,10.9L205,11.6L200,10.2L195,10.2L190,12.8L185,14.3L180,19.8L175,13.0L170,11.3L165,12.7L160,19.7L155,9.7L150,13.8L145,13.8L140,14.4L135,12.6L130,15.5L125,14.5L120,15.5L115,12.2L110,15.9L105,11.1L100,11.1L95,7.5L90,8.4L85,8.7L80,10.5L75,10.2L70,13.8L65,15.0L60,15.7L55,12.4L50,13.4L45,13.7L40,13.9L35,12.2L30,10.9L25,7.8L20,9.0L15,10.0L10,9.8L5,11.0L0,12.0Z'/%3E%3C/svg%3E");
  /* рваный край карточки-«клочка» через clip-path (GPU-дружелюбно, без фильтров) */
  --torn-clip:polygon(0.9% 1.9%,7.5% 1.0%,8.6% 1.3%,11.1% 0.1%,11.8% 1.4%,23.2% 0.6%,25.6% 2.1%,42.3% 0.6%,54.8% 3.7%,57.8% 0.6%,80.2% 2.2%,88.5% 1.0%,98.4% 2.0%,99.0% 10.7%,99.3% 31.2%,99.1% 35.3%,99.4% 45.2%,99.8% 49.5%,98.4% 60.2%,98.1% 97.8%,96.4% 96.9%,80.3% 99.4%,68.9% 98.4%,65.9% 99.8%,65.4% 99.1%,63.8% 98.2%,46.4% 97.7%,39.3% 99.5%,29.8% 97.6%,8.7% 99.9%,5.1% 97.6%,1.3% 95.9%,1.7% 92.5%,0.2% 92.3%,1.4% 84.9%,0.4% 83.8%,2.4% 72.5%,0.7% 67.0%,1.2% 64.6%,0.3% 45.9%);
  --torn-clip-2:polygon(0.4% 1.8%,6.1% 0.6%,7.1% 1.4%,8.7% 0.9%,16.1% 3.1%,16.2% 0.3%,24.7% 2.1%,53.3% 0.1%,69.9% 2.6%,92.3% 0.4%,95.3% 1.8%,98.3% 2.7%,99.4% 6.9%,99.3% 21.2%,99.4% 23.6%,97.6% 34.4%,99.5% 34.6%,97.2% 40.2%,99.5% 63.2%,98.6% 96.0%,86.2% 99.0%,85.1% 96.6%,81.9% 99.5%,70.1% 96.8%,62.9% 98.1%,40.9% 99.5%,34.4% 99.4%,28.2% 97.5%,22.0% 99.4%,13.7% 98.5%,7.6% 99.8%,1.3% 96.8%,1.9% 92.0%,0.5% 86.4%,1.5% 84.5%,0.1% 77.2%,1.3% 67.8%,0.6% 55.5%,2.4% 55.1%,0.4% 51.3%);
  /* ещё два силуэта — чтобы в длинных рядах карточек контуры не повторялись (чередование 4n) */
  --torn-clip-3:polygon(0.6% 1.8%,10.5% 1.9%,20.4% 2.5%,30.2% 0.9%,40.1% 2.0%,50.0% 2.7%,59.9% 2.7%,69.8% 0.6%,79.6% 2.0%,89.5% 1.9%,99.4% 1.6%,99.7% 11.6%,98.5% 21.2%,98.2% 30.8%,99.6% 40.4%,98.8% 50.0%,97.8% 59.6%,97.9% 69.2%,98.4% 78.8%,97.1% 88.4%,98.7% 98.0%,88.7% 98.9%,78.9% 97.8%,69.1% 99.3%,59.3% 99.6%,49.5% 98.3%,39.7% 98.8%,29.9% 96.7%,20.1% 96.5%,10.3% 99.8%,0.5% 97.3%,0.6% 87.5%,2.2% 78.0%,1.8% 68.5%,0.4% 59.0%,0.8% 49.5%,0.7% 40.0%,0.7% 30.5%,0.1% 21.0%,1.3% 11.5%);
  --torn-clip-4:polygon(0.6% 2.6%,10.5% 1.6%,20.4% 0.4%,30.2% 0.4%,40.1% 1.0%,50.0% 2.6%,59.9% 2.8%,69.8% 1.1%,79.6% 1.4%,89.5% 1.4%,99.4% 2.8%,98.2% 11.6%,97.9% 21.2%,98.4% 30.8%,97.0% 40.4%,98.4% 50.0%,97.4% 59.6%,99.3% 69.2%,98.2% 78.8%,99.7% 88.4%,98.2% 98.0%,88.7% 97.3%,78.9% 99.9%,69.1% 99.4%,59.3% 96.3%,49.5% 99.8%,39.7% 99.4%,29.9% 99.6%,20.1% 98.3%,10.3% 99.0%,0.5% 98.9%,0.9% 87.5%,0.1% 78.0%,1.7% 68.5%,2.3% 59.0%,0.3% 49.5%,1.7% 40.0%,1.2% 30.5%,1.0% 21.0%,1.7% 11.5%);

  /* типографическая шкала — единый источник размеров (главная + будущие страницы Nero).
     Экзотические размеры (hero-clamp, штампы, рукописные, цифры-трасты, кавычка-64) намеренно вне шкалы. */
  --fs-note:12px;     /* юр./мелкие подписи, цены-small, «скоро», counters */
  --fs-label:13px;    /* uppercase мини-лейблы, теги, футер-h4 */
  --fs-14:14px;       /* uppercase-ссылки/подписи (more, who, nav) */
  --fs-sm:15px;       /* мелкий текст карточек, micro, role/meta */
  --fs-text:17px;     /* основной текст карточек/абзацев */
  --fs-body:17.5px;   /* базовый текст страницы, geo/faq-абзацы */
  --fs-lead:19.5px;   /* лид под заголовком секции */
  --fs-20:20px;       /* подзаголовок-блок (этапы, цена) */
  --fs-21:21px;       /* заголовок карточки (услуга/эксперт), faq-summary */
  --fs-24:24px;       /* h3.sh3, футер-h2 */

  /* ритм/радиусы */
  --wrap:1180px;
  --gap:24px;
  --radius:6px;
  --shadow-card:0 14px 30px rgba(30,20,8,.16);
  --shadow-deep:0 26px 52px rgba(30,20,8,.34);
}
