/* Палитра темы направления В («банковское приложение»), макет Astry.
   Своих цветов здесь нет — только те, что задал макет.

   🔴 Акцент дилера из кабинета подставляется в --brand, а не в --accent:
   у макета из бренда считается и сам акцент, и мягкие подложки. Подставь
   мы его в --accent, цвет применился бы наполовину. */
:root {
  --brand: #315bce;
  --accent: var(--brand);
  /* В макете это считал theme.js. Страница обязана быть верной и без скрипта,
     поэтому те же величины берём из бренда прямо в CSS */
  --accent-hover: color-mix(in srgb, var(--brand) 82%, #000);
  --tint: color-mix(in srgb, var(--brand) 7%, #fff);
  --tint-strong: color-mix(in srgb, var(--brand) 13%, #fff);
  /* Цвет текста на акценте: его считает сервер и подставляет в каркасе */
  --accent-ink: #ffffff;
  --paper: #ffffff;
  --canvas: #f4f6f9;
  --ink: #1c273a;
  --muted: #536176;
  --line: #e2e7ef;
  --field: #f0f3f7;
  --clear: transparent;
  --shadow-color: #172b4910;
  --shadow: 0 8px 32px var(--shadow-color);
  --shadow-raised: 0 16px 48px var(--shadow-color);
}