/*
  ЦВЕТА САЙТА. Это единственный файл, где задаются цвета (в том числе цвета анимаций, теней и прозрачных оттенков).
  Чтобы сменить стиль, поменяйте значения ниже и больше ничего не трогайте.
  Цвет можно писать так: #556799 (шесть знаков после решётки) или rgb(85 103 153).
  Прозрачные оттенки (в названии a и число, например a35) повторяют основной цвет с прозрачностью в процентах.
  После смены проверьте, что текст хорошо читается (контраст не ниже 4,5 к 1).
*/
:root {
  color-scheme: light;

  /* Основа страницы */
  --color-bg: #FDFDF5;            /* молочный, фон страницы */
  --color-paper: #FFFFFF;         /* белый, карточки и экраны */
  --color-ink: #1D1D1F;           /* почти чёрный, основной текст */
  --color-muted: #5E6470;         /* второстепенный текст */
  --color-line: #E2E3DB;          /* тонкие линии */
  --color-grid: rgb(85 103 153 / 9%);   /* клетка тетради */
  --color-pen: #3D4A6B;           /* "ручка" в тетради */

  /* Акценты */
  --color-accent: #556799;        /* синий, кнопки и акценты */
  --color-on-accent: #FFFFFF;     /* текст на синем */
  --color-deduct: #3F4E7A;        /* строка вычета в счёте */
  --color-lemon: #E3EBB1;         /* лимонный, маркер и метки */
  --color-lavender: #D2DDFB;      /* лавандовый */
  --color-sky: #ACBCD5;           /* голубой, подложки */
  --color-sage: #D2DED6;          /* шалфей, "оплачено" */
  --color-leaf: #4E6B5A;          /* тёмный шалфей для значков */

  /* Тёмный раздел "про деньги" */
  --color-night: #3F4E7A;
  --color-night-node: #4A587F;    /* плашки схемы */
  --color-night-muted: #D5DCEB;   /* приглушённый текст */

  /* Прозрачные оттенки: тени, свечение, стекло шапки, подсветки */
  --color-ink-a6: rgb(29 29 31 / 6%);
  --color-ink-a7: rgb(29 29 31 / 7%);
  --color-ink-a8: rgb(29 29 31 / 8%);
  --color-ink-a18: rgb(29 29 31 / 18%);
  --color-ink-a25: rgb(29 29 31 / 25%);
  --color-shadow: 0 18px 50px rgb(29 29 31 / 10%);   /* тень карточек целиком */
  --color-accent-a0: rgb(85 103 153 / 0%);
  --color-accent-a20: rgb(85 103 153 / 20%);
  --color-accent-a30: rgb(85 103 153 / 30%);
  --color-accent-a35: rgb(85 103 153 / 35%);
  --color-accent-a45: rgb(85 103 153 / 45%);
  --color-bg-glass: rgb(253 253 245 / 82%);          /* шапка при прокрутке */
  --color-sage-a60: rgb(210 222 214 / 60%);
  --color-sky-a38: rgb(172 188 213 / 38%);           /* свет за курсором */
  --color-white-a7: rgb(254 254 254 / 7%);           /* на тёмном фоне */
  --color-white-a12: rgb(254 254 254 / 12%);
  --color-white-a16: rgb(254 254 254 / 16%);
  --color-white-a22: rgb(254 254 254 / 22%);
}