/*
 * Дизайн-токены. Цвета здесь — значения по умолчанию:
 * при запуске они перезаписываются цветами из config.js.
 */
:root {
  /* цвета */
  --bg: #FFF3E8;
  --card: #FFFFFF;
  --line: #F3DCC8;
  --text: #2B1B14;
  --muted: #7A5646;
  --accent: #E8501F;
  --accent-text: #FFFFFF;
  --good: #23925A;
  --bad: #D5362A;
  --c-spiritual: #9B51E0;
  --c-economy: #F5A900;
  --c-social: #2FAE73;
  --c-politics: #2F80ED;
  --c-law: #FF7A2F;

  /* шрифты */
  /* --serif оставлено как имя роли «заголовки и цифры»; сейчас это тоже Rubik, но плотнее */
  --serif: "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;
  --sans: "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* формы и отступы */
  --r-s: 10px;
  --r: 14px;
  --r-l: 18px;
  --gap: 16px;
  --page-x: 16px;
  --tab-h: 64px;

  /* движение */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --t-fast: 160ms;
  --t-rise: 420ms;
  --t-fill: 1100ms;
}