:root {
  --choco: #3B2A26;
  --choco-milk: #7A5240;
  --choco-80: rgba(59, 42, 38, .85);
  --choco-60: rgba(59, 42, 38, .70);
  --choco-45: rgba(59, 42, 38, .68);
  --choco-30: rgba(59, 42, 38, .50);
  --mint: #5FC9A0;
  --mint-strong: #46B88C;
  --mint-soft: #EAF7F1;
  --cream: #FBF8F4;
  --line: rgba(59, 42, 38, .10);
  --border: #CDEBDD;
  --paid: #6FCF97;
  --debt: #E0A458;
  --help: #E0654F;
  --gold: #E6B23E;

  /* ---- текстовые ступени: заливочный тон читается на бумаге, текстовый — нет ----
     Заливки (--mint, --mint-strong, --debt) остаются как есть; всё, что набрано
     ими буквами, берёт ступень ниже. Значения подобраны в OKLCH по контрасту. */
  --mint-ink:    #066F4E;  /* oklch(48% .10 164) — 5.9:1 на --cream, 5.6:1 на --mint-soft */
  --debt-ink:    #8D5500;  /* oklch(50% .12 71)  — 5.8:1 на --cream: суммы и проценты */
  --overdue-ink: #7A4300;  /* oklch(44% .12 71)  — 6.7:1 на песочной плашке «просрочено» */

  /* Верхний блик «глиняных» заливок: --mint, поднятая по светлоте. */
  --mint-lift:   #7AD7B4;  /* oklch(81% .10 168) */

  /* ---- шкала слоёв ----
     Шесть уровней вместо россыпи чисел. Внутри уровня порядок задаётся сдвигом
     от токена: шапка < шторка < боковое меню, модалка < ящик < шит. */
  --z-base:  1;      /* поток страницы: холст и содержимое плашек */
  --z-nav:   50;     /* липкая шапка, шторка, боковое меню */
  --z-pop:   150;    /* поверх страницы, но под модалкой: куки-плашка */
  --z-modal: 200;    /* модалки, ящики, шиты, календарь внутри них */
  --z-toast: 1200;   /* тост и плавающие поповеры поверх модалки */
  --z-max:   9000;   /* аварийная плашка обрыва связи */

  /* Кривая по умолчанию: то, что появляется и растёт, идёт ease-out без отскока. */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
}