/* Тема семьи сайтов ai-producer.pro: «Технологии влияния», «Связи».
   Значения сняты с главной ai-producer.pro и /svizy/kak-rabot — те же, не «похожие».
   Новый бренд = новый файл с теми же переменными; компоненты не меняются. */

@font-face { font-family: "Bebas Neue"; src: url("../fonts/BebasNeue-Bold.woff") format("woff");
  font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Bebas Neue"; src: url("../fonts/BebasNeue-Regular.woff") format("woff");
  font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Caveat"; src: url("../fonts/Caveat-Medium.woff") format("woff");
  font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/inter-cyrillic-wght-normal.woff2") format("woff2");
  font-weight: 100 900; font-style: normal; font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Inter"; src: url("../fonts/inter-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 900; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  color-scheme: dark;
  --bg: #020504;
  --bg-alt: #000000;
  --panel: #092D21;
  --panel-2: #0C3A2B;
  --mint: #16CC92;
  --mint-deep: #04975F;
  --mint-mid: #14B67E;
  --mint-soft: #D7ECE4;
  --sky: #4DB7FF;
  --coral: #FF8562;
  --text: #FFFFFF;
  --text-2: #C9D6D1;
  --muted: #7E918A;          /* ~6:1 на --bg — годится для текста; как на /svizy/kak-rabot */
  --line: rgba(215, 236, 228, .14);
  --line-strong: rgba(215, 236, 228, .3);
  --on-accent: #041912;      /* текст на мятной/голубой заливке */

  --grad-cta: linear-gradient(0turn, var(--mint-deep) 0%, var(--mint-mid) 100%);
  --grad-title: linear-gradient(180deg, #FFFFFF 15%, var(--mint) 120%);
  --shine: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.4), rgba(255,255,255,0));

  --font-display: "Bebas Neue", "Oswald", "Arial Narrow", sans-serif;
  --font-hand: "Caveat", "Comic Sans MS", cursive;
  --font-text: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  --radius-card: 10px;
  --radius-plate: 5px;
  --radius-pill: 100px;

  --container: 1200px;
  --gutter: 16px;
  --section-y: clamp(60px, 9vw, 130px);

  /* цвет стороны: всё про блогера — голубое, про бизнес — мятное, про УК — белое */
  --side-a: var(--sky);
  --side-b: var(--mint);
  --side-c: var(--text);
}

@media (min-width: 768px) { :root { --gutter: 20px; } }
@media (prefers-reduced-motion: reduce) { :root { --motion: 0; } }