/* Тема Softjet: КП и страницы компании (с 09.10.2026). Те же переменные, что в theme-ai-producer.css,
   компоненты не меняются. Цвета — из брендбука Softjet 2021 (стр. 11): графит #2f2f2f, синий #427CFD,
   голубой #97DAFF, оранжево-красный #E84513. Роли: --mint — главный акцент (синий, для текста чуть светлее),
   --sky — голубой, --coral — «сторона заказчика» и предупреждения. Логотип — kp/public/_assets/softjet-logo.png. */

@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: #2f2f2f;
  --bg-alt: #272727;
  --panel: #393939;
  --panel-2: #444444;
  --mint: #5b8dff;
  --mint-deep: #2f63e6;
  --mint-mid: #427cfd;
  --mint-soft: #e3ecff;
  --sky: #97daff;
  --coral: #ff6a3d;
  --text: #ffffff;
  --text-2: #d6d6d6;
  --muted: #a3a3a3;
  --line: rgba(255, 255, 255, .12);
  --line-strong: rgba(255, 255, 255, .28);
  --on-accent: #0b1530;

  --grad-cta: linear-gradient(0turn, var(--mint-deep) 0%, var(--mint-mid) 100%);
  --grad-title: linear-gradient(180deg, #ffffff 20%, var(--sky) 130%);
  --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: 12px;
  --radius-plate: 6px;
  --radius-pill: 100px;

  --container: 1200px;
  --gutter: 16px;
  --section-y: clamp(56px, 8vw, 110px);

  --side-a: var(--sky);
  --side-b: var(--mint);
  --side-c: var(--coral);
}

@media (min-width: 768px) { :root { --gutter: 20px; } }