/* Общая основа стиля IT СДЕЛАНО: цвета, шрифты, логотип, штамп. Подключается первой на лендинге, в демо и
   в кабинете (после presale/fonts.css) — чтобы три интерфейса выглядели одним продуктом и правились в одном месте. */

:root {
  --blue: #2438c9;          /* фирменное поле и чернила штампа */
  --blue-deep: #1a2a9c;
  --blue-soft: #e9ecfb;
  --on-blue: #ffffff;
  --on-blue-2: #c9d0f7;
  --paper: #ffffff;
  --shade: #f4f5f9;
  --ink: #0f1115;
  --ink-2: #4b4f5c;
  --ink-3: #8a8fa0;
  --rule: #dcdee6;
  --ok: #1d7a46;
  --ok-soft: #e6f4ec;
  --wip: #b8620a;
  --wip-soft: #fbf0e3;
  --err: #c0262d;
  --err-soft: #fbeaeb;

  --display: "Oswald", "Arial Narrow", Impact, sans-serif;
  --text: "Golos Text", "Helvetica Neue", Arial, sans-serif;
  --mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
}

/* ---- Логотип ---- */
.logo {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--display); font-weight: 600;
  font-size: 1.3rem; letter-spacing: 0.04em; line-height: 1;
  color: var(--ink); text-decoration: none;
}
.logo__it {
  background: var(--blue); color: var(--on-blue);
  padding: 4px 6px 5px;
  letter-spacing: 0.06em;
}

/* ---- Штамп: статус работы ---- */
.stamp {
  display: inline-block;
  padding: 2px 7px 1px;
  border: 1.5px solid var(--blue);
  color: var(--blue);
  background: var(--blue-soft);
  border-radius: 3px;
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.68rem;
  font-weight: 500;
  white-space: nowrap;
  transform: rotate(-3deg);
}
.stamp--wip { border-color: var(--wip); color: var(--wip); background: var(--wip-soft); border-style: dashed; transform: none; }
.stamp--err { border-color: var(--err); color: var(--err); background: var(--err-soft); transform: none; }
.stamp--idle { border-color: var(--ink-3); color: var(--ink-2); background: var(--shade); transform: none; }