/*
 * Палитра портала. Значения перенесены из прототипа дословно и правке не подлежат:
 * это результат отдельной итерации дизайна — тёмная тема правилась четырежды,
 * цвет Medium подбирался отдельно, коричневый и оранжевый убраны намеренно.
 *
 * Устройство: нейтральный ряд на одном тоне 255 с ровной шкалой светлоты,
 * акценты на одной светлоте (58 % в светлой теме, 74 % в тёмной) и разном тоне,
 * приоритеты — в логике трекера.
 */
:root {
  /* нейтральный ряд: один тон (hue 255), убывающая светлота */
  --wash: oklch(96.4% 0.006 255); --wash2: oklch(93.6% 0.009 255);
  --rail: oklch(98.2% 0.004 255); --card: oklch(100% 0 0); --card2: oklch(97.2% 0.006 255);
  --ink: oklch(24% 0.014 255); --ink2: oklch(50% 0.014 255); --ink3: oklch(66% 0.012 255);
  --line: oklch(91.5% 0.008 255); --line2: oklch(95% 0.006 255);
  /* акценты: одна светлота, одна насыщенность, разный тон */
  --accent: oklch(64% 0.155 262); --soft: oklch(95.5% 0.028 262);
  --ok: oklch(58% 0.115 162); --okSoft: oklch(95.5% 0.030 162);
  --warn: oklch(58% 0.135 292); --warnSoft: oklch(95.5% 0.028 292);
  --p-high: oklch(58% 0.175 22); --p-med: oklch(62% 0.115 55); --p-low: oklch(58% 0.105 200);
  /* Подложка под диалогами. Одна на все слои — модалку, панель задачи и выдвижной рельс.
     Значение своё в каждой теме: в светлой затемнять нужно слабее, потому что разница
     между подложкой страницы и карточкой видна и так, а в тёмной тот же процент не
     отделяет ничего — тёмное поверх тёмного. */
  --scrim: oklch(24% 0.014 255 / .30);
  --rowpad: 12px; --shadow: 0 1px 2px oklch(24% 0.014 255 / .07);
  --menu-shadow: 0 8px 24px -8px oklch(24% 0.014 255 / .3);
  --toast-shadow: 0 8px 24px -8px oklch(24% 0.014 255 / .4);
  --card-hover-shadow: 0 4px 14px -6px oklch(24% 0.014 255 / .25);
}

html[data-theme="dark"] {
  --wash: oklch(24.5% 0.011 255); --wash2: oklch(21% 0.011 255);
  --rail: oklch(27.5% 0.012 255); --card: oklch(31% 0.013 255); --card2: oklch(35% 0.014 255);
  --ink: oklch(95% 0.006 255); --ink2: oklch(76% 0.014 255); --ink3: oklch(62% 0.014 255);
  --line: oklch(41% 0.015 255); --line2: oklch(37% 0.014 255);
  /* та же система, светлота поднята до 74 %, насыщенность снижена под тёмный фон */
  --accent: oklch(74% 0.125 262); --soft: oklch(37% 0.055 262);
  --ok: oklch(74% 0.105 162); --okSoft: oklch(36% 0.050 162);
  --warn: oklch(74% 0.100 292); --warnSoft: oklch(37% 0.050 292);
  --p-high: oklch(74% 0.130 22); --p-med: oklch(78% 0.095 55); --p-low: oklch(76% 0.085 200);
  --scrim: oklch(11% 0.010 255 / .58);
  --shadow: 0 1px 2px oklch(15% 0.01 255 / .45);
}