/* Единственное место, где живут цвета.
   Десять именованных красок + бумага и тушь. Больше нигде в проекте
   не должно быть ни одного хекса — это проверяет tools/check-palette.mjs.

   Хотите розовый розовее — меняете одну строку --c-pink, и он меняется
   везде: в чернилах, в формулах, в подсветках. */

:root{
  /* бумага и тушь */
  --bg:#ffffff;
  --fg:#000000;
  /* фиксированные чёрный и белый: зона выделения и кнопка «Сохранить»
     не должны зависеть от темы */
  --mono-bg:#ffffff;
  --mono-fg:#000000;

  /* производные от бумаги и туши: отдельных цветов у них нет */
  --card:color-mix(in srgb, var(--fg) 6%, var(--bg));
  --mut:color-mix(in srgb, var(--fg) 55%, var(--bg));
  --bd:color-mix(in srgb, var(--fg) 22%, var(--bg));

  /* десять красок */
  --c-red:#dc2626;      --on-red:#ffffff;
  --c-blue:#1d4ed8;     --on-blue:#ffffff;
  --c-green:#15803d;    --on-green:#ffffff;
  --c-yellow:#facc15;   --on-yellow:#000000;
  --c-orange:#f97316;   --on-orange:#000000;
  --c-violet:#7c3aed;   --on-violet:#ffffff;
  --c-pink:#ec4899;     --on-pink:#000000;
  --c-brown:#8b4513;    --on-brown:#ffffff;
  --c-grey:#64748b;     --on-grey:#ffffff;
  --c-cyan:#0ea5e9;     --on-cyan:#000000;
}

@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#000000;
    --fg:#ffffff;
  }
}

:root[data-theme="dark"]{
  --bg:#000000;
  --fg:#ffffff;
}