/* «Табличка»: яркие сплошные цвета, Raleway (тонкий + жирный в заголовках), тонкие белые линии */
body.lite {
  --bg: #f4f5f9;
  --ink: #16161d;
  --acid: #ff5a1f;            /* главный акцент: оранжевый */
  --acid-soft: #fff0ea;
  --acid-ink: #d23f08;
  --blue: #1f6bff;
  --violet: #b62bd9;
  --pink: #e6197a;
  --green: #3fae2a;
  --sun: #ffa114;
  --plus: #2f9a1c;
  --line: #e4e6ee;
  --soft: #f1f2f7;
  --radius: 16px;
  --display: Raleway, "Segoe UI", sans-serif;
  font-family: Raleway, -apple-system, "Segoe UI", sans-serif;
  font-feature-settings: "lnum" 1;        /* ровные цифры в таблицах */
}
body.lite, body.lite input, body.lite select, body.lite textarea, body.lite button { font-variant-numeric: lining-nums tabular-nums; }

/* меню: синий, белые линии */
body.lite .side { background: var(--blue); }
body.lite .side::after { background: url(/static/lite/lines.svg) center / contain no-repeat; opacity: .5; left: -60px; bottom: 40px;
  width: 360px; height: 360px; transform: none; }
body.lite .side-brand b { font-weight: 800; text-transform: none; font-size: 22px; letter-spacing: -.01em; }
body.lite .side nav a { color: rgba(255,255,255,.82); }
body.lite .side nav a.on { background: rgba(255,255,255,.18); }
body.lite .side nav a.on .ico { background: #fff; }
body.lite .side .btn.primary { background: #fff; border-color: #fff; color: var(--blue); }
body.lite .side .btn.primary:hover { background: var(--acid); border-color: var(--acid); color: #fff; box-shadow: none; }
body.lite .side .tagline { color: rgba(255,255,255,.6); }

/* заголовки: тонкое + жирное, как «We are kemliva» */
body.lite h1 { font-weight: 300; text-transform: none; font-size: 44px; letter-spacing: -.02em; line-height: 1; }
body.lite h1 .mark { background: none; font-weight: 900; color: var(--acid); padding: 0; }
body.lite h2 { font-weight: 800; text-transform: none; font-size: 19px; letter-spacing: -.01em; }
body.lite h3 { font-family: var(--display); font-weight: 800; }

/* кнопки: оранжевые, белый текст, скруглённые */
body.lite .btn { border-radius: 999px; font-weight: 700; }
body.lite .btn.primary, body.lite main .btn.primary { background: var(--acid); border-color: var(--acid); color: #fff; }
body.lite main .btn.primary:hover { background: var(--ink); border-color: var(--ink); color: #fff; }
body.lite .tag.final { background: var(--acid); color: #fff; }
body.lite .tag.agreed { background: #e5edff; color: var(--blue); }
body.lite .tag.prelim { background: #fff1d9; color: #9a5a00; }

/* блоки бюджета: номер блока цветной плашкой, названия жирным Raleway */
body.lite .block-num { background: var(--violet); color: #fff; border-radius: 999px; font-weight: 800; text-transform: none; }
body.lite .block-head .title input, body.lite .editor-head .title-in { font-weight: 800; text-transform: none; }
body.lite .g-line .n { color: #c9cbd6; font-weight: 900; }
body.lite .summary .kpi.main b { font-weight: 900; color: var(--acid); background: none; }
body.lite .toast { background: var(--blue); color: #fff; }

/* страница входа: оранжевый фон, белые линии и звезда */
body.lite.login-page { background: var(--acid); }
body.lite.login-page::before { background: url(/static/lite/lines.svg) center / contain no-repeat; width: 900px; height: 900px;
  right: -260px; top: -200px; opacity: .8; transform: none; }
body.lite.login-page::after { background: url(/static/lite/star.svg) center / contain no-repeat; }
body.lite .login h1 { font-size: 46px; }
body.lite .login h1 b { font-weight: 900; color: var(--acid); }
body.lite .login .btn.primary { background: var(--ink); border-color: var(--ink); color: #fff; }
body.lite .login .btn.primary:hover { background: var(--blue); border-color: var(--blue); }

/* справка: цветные карточки шагов */
body.lite .h-hero { background: var(--blue); color: #fff; border: 0; position: relative; overflow: hidden; }
body.lite .h-hero::after { content: ""; position: absolute; right: -60px; top: -80px; width: 420px; height: 420px; opacity: .6;
  background: url(/static/lite/lines.svg) center / contain no-repeat; pointer-events: none; }
body.lite .h-hero h1 { color: #fff; }
body.lite .h-hero h1 .mark { color: #fff; background: none; font-weight: 900; }
body.lite .h-hero p { color: rgba(255,255,255,.88); }
body.lite .h-art { background: var(--acid); box-shadow: none; transform: none; }
body.lite .h-route a b { background: var(--acid); color: #fff; }
body.lite .h-step { border-left-color: var(--acid); }
body.lite .h-step:nth-child(5n+2) { border-left-color: var(--blue); }
body.lite .h-step:nth-child(5n+3) { border-left-color: var(--violet); }
body.lite .h-step:nth-child(5n+4) { border-left-color: var(--pink); }
body.lite .h-step:nth-child(5n+5) { border-left-color: var(--green); }
body.lite .h-num { background: var(--acid); color: #fff; font-weight: 900; }
body.lite .h-step:nth-child(5n+2) .h-num { background: var(--blue); }
body.lite .h-step:nth-child(5n+3) .h-num { background: var(--violet); }
body.lite .h-step:nth-child(5n+4) .h-num { background: var(--pink); }
body.lite .h-step:nth-child(5n+5) .h-num { background: var(--green); }
body.lite .h-tag.pr { background: var(--soft); color: var(--ink); }
body.lite .h-hero::before { display: none; }
body.lite .h-hero h1 { font-weight: 300; }
body.lite .h-foot::before { background-image: url(/static/lite/star.svg); filter: invert(45%) sepia(90%) saturate(2500%) hue-rotate(350deg); }