/*
 * Дизайн-токены. Визуальный язык — «жидкое стекло» (как на сайте Levionid) с поправкой на зал:
 * выше контраст текста, плотнее стекло, крупные зоны нажатия.
 *
 * Система:
 *  - отступы по сетке 4/8: --s1…--s8;
 *  - скругления концентрические: радиус вложенного = радиус внешнего − отступ
 *    (карточка 28 − отступ 12 = 16 у вложенных блоков). «Пилюли» — только однострочные кнопки и чипы;
 *  - шрифты: Unbounded — заголовки и крупные числа, Onest — всё остальное, включая цифры в подходах;
 *  - размеры касаний: 48 (стандарт), 40 (компактные), 56 (главные действия);
 *  - иконки: 16 в чипах, 20 в кнопках и строках, 22 в доке.
 * Темы: «Авто» (светлое/ночное стекло по системе) + палитры на <html data-theme="…">.
 * Блоки между метками @gen генерирует tools/themes.mjs (npm run themes) с проверкой контраста ≥ 4.5:1.
 */
:root {
  /* @gen:light */
  color-scheme: light;
  --bg: #ececee;
  --ink: #15151a;
  --ink-2: #33333d;
  --mut: #5a5a66;
  --mut-2: #80808c;
  --glass: rgba(255, 255, 255, 0.64);
  --glass-top: rgba(255, 255, 255, 0.8);
  --glass-bottom: rgba(255, 255, 255, 0.54);
  --glass-strong: rgba(255, 255, 255, 0.92);
  --glass-press: rgba(255, 255, 255, 0.85);
  --edge: rgba(255, 255, 255, 0.95);
  --specular: rgba(255, 255, 255, 0.9);
  --hair: rgba(20, 20, 40, 0.08);
  --hair-2: rgba(20, 20, 40, 0.15);
  --shade: rgba(20, 20, 40, 0.09);
  --shade-2: rgba(20, 20, 40, 0.16);
  --blend: normal;
  --o: 0.34;
  --glow: rgba(120, 130, 170, 0.22);
  --b1: #8e98b4;
  --b2: #b3a8b6;
  --b3: #c9bfa6;
  --accent: #5b6fe0;
  --accent-soft: rgba(91, 111, 224, 0.11);
  --accent-glow: rgba(91, 111, 224, 0.28);
  --on-ink: #f6f6f4;
  --ok: #1f7a52;
  --warn: #a36410;
  --bad: #b3362b;
  --bad-soft: rgba(179, 54, 43, 0.09);
  --chart-grid: rgba(20, 20, 40, 0.08);
  --chart-surface: #f4f4f6;
  --solid: #f7f7f9;
  --field: rgba(255, 255, 255, 0.72);
  --toast: rgba(21, 21, 26, 0.92);
  --on-toast: #f6f6f4;
  --main-bg: var(--ink);
  --main-ink: var(--on-ink);
  --main-shadow: 0 10px 28px var(--shade-2);
  /* @end */
  --wt-light: #2e9a6b;
  --wt-medium: #5b6fe0;
  --wt-heavy: #dd7434;
  --wt-deload: #a065d6;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 20px;
  --s6: 24px;
  --s8: 32px;
  --r-xl: 32px;
  --r-lg: 28px;
  --r-md: 16px;
  --r-sm: 12px;
  --r-xs: 8px;
  --pill: 999px;
  --tap: 48px;
  --h-sm: 40px;
  --h-lg: 56px;
  --ic-sm: 16px;
  --ic: 20px;
  --ic-lg: 22px;
  --fs-xs: 12px;
  --fs-sm: 13.5px;
  --fs-md: 15px;
  --fs-base: 16px;
  --fs-lg: 18px;
  --fs-xl: 22px;
  --fs-2xl: 28px;
  --page-pad: 12px;
  --card-pad: 16px;
  --blur: 24px;
  --dock-h: 68px;
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);

  --font-display: 'Unbounded', 'Onest', system-ui, sans-serif;
  --font-text: 'Onest', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

/* «Авто»: ночное стекло, если в системе тёмная тема */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    /* @gen:auto-dark */
    color-scheme: dark;
    --bg: #07080c;
    --ink: #f1f1ee;
    --ink-2: #d4d4dc;
    --mut: #a8a8b4;
    --mut-2: #82828e;
    --glass: rgba(255, 255, 255, 0.06);
    --glass-top: rgba(255, 255, 255, 0.1);
    --glass-bottom: rgba(255, 255, 255, 0.035);
    --glass-strong: rgba(22, 23, 31, 0.95);
    --glass-press: rgba(255, 255, 255, 0.12);
    --edge: rgba(255, 255, 255, 0.13);
    --specular: rgba(255, 255, 255, 0.24);
    --hair: rgba(255, 255, 255, 0.08);
    --hair-2: rgba(255, 255, 255, 0.16);
    --shade: rgba(0, 0, 0, 0.5);
    --shade-2: rgba(0, 0, 0, 0.62);
    --blend: screen;
    --o: 0.5;
    --glow: rgba(150, 162, 220, 0.3);
    --b1: #3f4bb8;
    --b2: #7b3fa6;
    --b3: #1f6e86;
    --accent: #8f9cff;
    --accent-soft: rgba(143, 156, 255, 0.15);
    --accent-glow: rgba(143, 156, 255, 0.42);
    --on-ink: #0b0c10;
    --ok: #5fd39b;
    --warn: #f0b35a;
    --bad: #ff7b6e;
    --bad-soft: rgba(255, 123, 110, 0.12);
    --chart-grid: rgba(255, 255, 255, 0.08);
    --chart-surface: #14151b;
    --solid: #15161c;
    --field: rgba(255, 255, 255, 0.055);
    --toast: rgba(30, 31, 40, 0.94);
    --on-toast: #f1f1ee;
    --main-bg: var(--ink);
    --main-ink: var(--on-ink);
    --main-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25), 0 6px 24px var(--accent-glow), 0 0 44px var(--glow);
    /* @end */
  }
}

@media (min-width: 400px) {
  :root {
    --page-pad: 16px;
  }
}

/* ─── палитры: тема на <html data-theme>, превью — на любом элементе с data-theme ─── */
/* @gen:palettes */
[data-theme='light'] {
  color-scheme: light;
  --bg: #ececee;
  --ink: #15151a;
  --ink-2: #33333d;
  --mut: #5a5a66;
  --mut-2: #80808c;
  --glass: rgba(255, 255, 255, 0.64);
  --glass-top: rgba(255, 255, 255, 0.8);
  --glass-bottom: rgba(255, 255, 255, 0.54);
  --glass-strong: rgba(255, 255, 255, 0.92);
  --glass-press: rgba(255, 255, 255, 0.85);
  --edge: rgba(255, 255, 255, 0.95);
  --specular: rgba(255, 255, 255, 0.9);
  --hair: rgba(20, 20, 40, 0.08);
  --hair-2: rgba(20, 20, 40, 0.15);
  --shade: rgba(20, 20, 40, 0.09);
  --shade-2: rgba(20, 20, 40, 0.16);
  --blend: normal;
  --o: 0.34;
  --glow: rgba(120, 130, 170, 0.22);
  --b1: #8e98b4;
  --b2: #b3a8b6;
  --b3: #c9bfa6;
  --accent: #5b6fe0;
  --accent-soft: rgba(91, 111, 224, 0.11);
  --accent-glow: rgba(91, 111, 224, 0.28);
  --on-ink: #f6f6f4;
  --ok: #1f7a52;
  --warn: #a36410;
  --bad: #b3362b;
  --bad-soft: rgba(179, 54, 43, 0.09);
  --chart-grid: rgba(20, 20, 40, 0.08);
  --chart-surface: #f4f4f6;
  --solid: #f7f7f9;
  --field: rgba(255, 255, 255, 0.72);
  --toast: rgba(21, 21, 26, 0.92);
  --on-toast: #f6f6f4;
  --main-bg: var(--ink);
  --main-ink: var(--on-ink);
  --main-shadow: 0 10px 28px var(--shade-2);
}
[data-theme='dark'] {
  color-scheme: dark;
  --bg: #07080c;
  --ink: #f1f1ee;
  --ink-2: #d4d4dc;
  --mut: #a8a8b4;
  --mut-2: #82828e;
  --glass: rgba(255, 255, 255, 0.06);
  --glass-top: rgba(255, 255, 255, 0.1);
  --glass-bottom: rgba(255, 255, 255, 0.035);
  --glass-strong: rgba(22, 23, 31, 0.95);
  --glass-press: rgba(255, 255, 255, 0.12);
  --edge: rgba(255, 255, 255, 0.13);
  --specular: rgba(255, 255, 255, 0.24);
  --hair: rgba(255, 255, 255, 0.08);
  --hair-2: rgba(255, 255, 255, 0.16);
  --shade: rgba(0, 0, 0, 0.5);
  --shade-2: rgba(0, 0, 0, 0.62);
  --blend: screen;
  --o: 0.5;
  --glow: rgba(150, 162, 220, 0.3);
  --b1: #3f4bb8;
  --b2: #7b3fa6;
  --b3: #1f6e86;
  --accent: #8f9cff;
  --accent-soft: rgba(143, 156, 255, 0.15);
  --accent-glow: rgba(143, 156, 255, 0.42);
  --on-ink: #0b0c10;
  --ok: #5fd39b;
  --warn: #f0b35a;
  --bad: #ff7b6e;
  --bad-soft: rgba(255, 123, 110, 0.12);
  --chart-grid: rgba(255, 255, 255, 0.08);
  --chart-surface: #14151b;
  --solid: #15161c;
  --field: rgba(255, 255, 255, 0.055);
  --toast: rgba(30, 31, 40, 0.94);
  --on-toast: #f1f1ee;
  --main-bg: var(--ink);
  --main-ink: var(--on-ink);
  --main-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25), 0 6px 24px var(--accent-glow), 0 0 44px var(--glow);
}
[data-theme='aurora'] {
  color-scheme: dark;
  --bg: #050b13;
  --ink: #ecf7f4;
  --ink-2: #cbe4de;
  --mut: #9cbab3;
  --mut-2: #76948d;
  --glass: rgba(190, 255, 240, 0.05);
  --glass-top: rgba(190, 255, 240, 0.09);
  --glass-bottom: rgba(120, 190, 255, 0.03);
  --glass-strong: rgba(10, 21, 29, 0.95);
  --glass-press: rgba(190, 255, 240, 0.12);
  --edge: rgba(190, 255, 240, 0.14);
  --specular: rgba(220, 255, 250, 0.26);
  --hair: rgba(200, 255, 245, 0.08);
  --hair-2: rgba(200, 255, 245, 0.16);
  --shade: rgba(0, 0, 0, 0.5);
  --shade-2: rgba(0, 0, 0, 0.62);
  --blend: screen;
  --o: 0.55;
  --glow: rgba(60, 230, 200, 0.28);
  --b1: #0ea58f;
  --b2: #5a3fd6;
  --b3: #1878c8;
  --accent: #3fe0c5;
  --accent-soft: rgba(63, 224, 197, 0.14);
  --accent-glow: rgba(63, 224, 197, 0.42);
  --on-ink: #06110f;
  --ok: #5fe0a0;
  --warn: #f0c060;
  --bad: #ff7f7a;
  --bad-soft: rgba(255, 127, 122, 0.12);
  --chart-grid: rgba(200, 255, 245, 0.08);
  --chart-surface: #0b1720;
  --solid: #0c1720;
  --field: rgba(190, 255, 245, 0.05);
  --toast: rgba(12, 26, 33, 0.95);
  --on-toast: #ecf7f4;
  --main-bg: linear-gradient(135deg, #3fe0c5, #8b7bff);
  --main-ink: #04110e;
  --main-shadow: 0 6px 26px rgba(63, 224, 197, 0.35), 0 0 46px rgba(139, 123, 255, 0.3);
}
[data-theme='sunset'] {
  color-scheme: dark;
  --bg: #130a10;
  --ink: #fcf0ea;
  --ink-2: #f0d7cd;
  --mut: #c9a59b;
  --mut-2: #9e8078;
  --glass: rgba(255, 205, 185, 0.06);
  --glass-top: rgba(255, 210, 190, 0.1);
  --glass-bottom: rgba(255, 120, 150, 0.035);
  --glass-strong: rgba(31, 16, 23, 0.95);
  --glass-press: rgba(255, 210, 190, 0.12);
  --edge: rgba(255, 210, 190, 0.15);
  --specular: rgba(255, 230, 215, 0.26);
  --hair: rgba(255, 220, 205, 0.09);
  --hair-2: rgba(255, 220, 205, 0.17);
  --shade: rgba(0, 0, 0, 0.5);
  --shade-2: rgba(0, 0, 0, 0.62);
  --blend: screen;
  --o: 0.55;
  --glow: rgba(255, 120, 90, 0.3);
  --b1: #f05a2e;
  --b2: #c92a78;
  --b3: #6427b0;
  --accent: #ff8a5c;
  --accent-soft: rgba(255, 138, 92, 0.15);
  --accent-glow: rgba(255, 120, 90, 0.45);
  --on-ink: #1a0c10;
  --ok: #6fdc9c;
  --warn: #ffc46b;
  --bad: #ff7b7b;
  --bad-soft: rgba(255, 123, 123, 0.12);
  --chart-grid: rgba(255, 220, 205, 0.08);
  --chart-surface: #1d1016;
  --solid: #1d1016;
  --field: rgba(255, 210, 190, 0.055);
  --toast: rgba(36, 18, 26, 0.95);
  --on-toast: #fcf0ea;
  --main-bg: linear-gradient(135deg, #ffa36b, #f2617f);
  --main-ink: #250a12;
  --main-shadow: 0 6px 26px rgba(255, 120, 90, 0.4), 0 0 46px rgba(232, 69, 124, 0.3);
}
[data-theme='neon'] {
  color-scheme: dark;
  --bg: #050508;
  --ink: #f4f4ff;
  --ink-2: #d6d6ec;
  --mut: #a5a5c0;
  --mut-2: #7f7f98;
  --glass: rgba(255, 255, 255, 0.05);
  --glass-top: rgba(255, 255, 255, 0.08);
  --glass-bottom: rgba(255, 40, 210, 0.03);
  --glass-strong: rgba(14, 14, 22, 0.96);
  --glass-press: rgba(255, 255, 255, 0.1);
  --edge: rgba(255, 255, 255, 0.12);
  --specular: rgba(255, 255, 255, 0.22);
  --hair: rgba(255, 255, 255, 0.08);
  --hair-2: rgba(255, 255, 255, 0.16);
  --shade: rgba(0, 0, 0, 0.55);
  --shade-2: rgba(0, 0, 0, 0.65);
  --blend: screen;
  --o: 0.6;
  --glow: rgba(198, 255, 61, 0.25);
  --b1: #e826c4;
  --b2: #00c2ea;
  --b3: #6f25f0;
  --accent: #c6ff3d;
  --accent-soft: rgba(198, 255, 61, 0.14);
  --accent-glow: rgba(198, 255, 61, 0.45);
  --on-ink: #0a0a10;
  --ok: #7dff9a;
  --warn: #ffd23d;
  --bad: #ff5c8a;
  --bad-soft: rgba(255, 92, 138, 0.13);
  --chart-grid: rgba(255, 255, 255, 0.08);
  --chart-surface: #0e0e16;
  --solid: #0e0e16;
  --field: rgba(255, 255, 255, 0.05);
  --toast: rgba(18, 18, 28, 0.96);
  --on-toast: #f4f4ff;
  --main-bg: #c6ff3d;
  --main-ink: #0b0d05;
  --main-shadow: 0 0 0 1px rgba(198, 255, 61, 0.6), 0 6px 26px rgba(198, 255, 61, 0.45), 0 0 56px rgba(232, 38, 196, 0.35);
}
[data-theme='graphite'] {
  color-scheme: dark;
  --bg: #101113;
  --ink: #ededed;
  --ink-2: #cfcfcf;
  --mut: #a0a0a0;
  --mut-2: #7a7a7a;
  --glass: rgba(255, 255, 255, 0.045);
  --glass-top: rgba(255, 255, 255, 0.07);
  --glass-bottom: rgba(255, 255, 255, 0.025);
  --glass-strong: rgba(24, 25, 28, 0.96);
  --glass-press: rgba(255, 255, 255, 0.1);
  --edge: rgba(255, 255, 255, 0.1);
  --specular: rgba(255, 255, 255, 0.16);
  --hair: rgba(255, 255, 255, 0.07);
  --hair-2: rgba(255, 255, 255, 0.14);
  --shade: rgba(0, 0, 0, 0.5);
  --shade-2: rgba(0, 0, 0, 0.6);
  --blend: screen;
  --o: 0.3;
  --glow: rgba(245, 197, 66, 0.16);
  --b1: #3a3e46;
  --b2: #4b4136;
  --b3: #2b3038;
  --accent: #f5c542;
  --accent-soft: rgba(245, 197, 66, 0.13);
  --accent-glow: rgba(245, 197, 66, 0.35);
  --on-ink: #121212;
  --ok: #7fd39b;
  --warn: #f5c542;
  --bad: #ff7b6e;
  --bad-soft: rgba(255, 123, 110, 0.12);
  --chart-grid: rgba(255, 255, 255, 0.07);
  --chart-surface: #18191c;
  --solid: #18191c;
  --field: rgba(255, 255, 255, 0.045);
  --toast: rgba(30, 31, 34, 0.96);
  --on-toast: #ededed;
  --main-bg: #f5c542;
  --main-ink: #17140a;
  --main-shadow: 0 6px 24px rgba(245, 197, 66, 0.3);
}
[data-theme='steel'] {
  color-scheme: dark;
  --bg: #0f1012;
  --ink: #eceef1;
  --ink-2: #cdd0d5;
  --mut: #a3a7ae;
  --mut-2: #7d8189;
  --glass: rgba(255, 255, 255, 0.05);
  --glass-top: rgba(255, 255, 255, 0.08);
  --glass-bottom: rgba(255, 255, 255, 0.025);
  --glass-strong: rgba(26, 27, 30, 0.96);
  --glass-press: rgba(255, 255, 255, 0.11);
  --edge: rgba(255, 255, 255, 0.11);
  --specular: rgba(255, 255, 255, 0.18);
  --hair: rgba(255, 255, 255, 0.07);
  --hair-2: rgba(255, 255, 255, 0.15);
  --shade: rgba(0, 0, 0, 0.5);
  --shade-2: rgba(0, 0, 0, 0.6);
  --blend: screen;
  --o: 0.34;
  --glow: rgba(200, 206, 216, 0.14);
  --b1: #474b53;
  --b2: #2c2f34;
  --b3: #5d6169;
  --accent: #d4d8df;
  --accent-soft: rgba(212, 216, 223, 0.12);
  --accent-glow: rgba(212, 216, 223, 0.3);
  --on-ink: #121315;
  --ok: #8fd4a8;
  --warn: #d9b08c;
  --bad: #ff8a7e;
  --bad-soft: rgba(255, 138, 126, 0.12);
  --chart-grid: rgba(255, 255, 255, 0.07);
  --chart-surface: #18191c;
  --solid: #18191c;
  --field: rgba(255, 255, 255, 0.05);
  --toast: rgba(32, 33, 37, 0.96);
  --on-toast: #eceef1;
  --main-bg: linear-gradient(180deg, #f1f3f6, #c4c8cf);
  --main-ink: #141518;
  --main-shadow: 0 6px 24px rgba(200, 206, 216, 0.22);
}
[data-theme='sand'] {
  color-scheme: light;
  --bg: #efe6d8;
  --ink: #2a2018;
  --ink-2: #45382c;
  --mut: #6b5a49;
  --mut-2: #8f7d6a;
  --glass: rgba(255, 250, 242, 0.6);
  --glass-top: rgba(255, 252, 246, 0.78);
  --glass-bottom: rgba(255, 244, 230, 0.5);
  --glass-strong: rgba(255, 250, 244, 0.94);
  --glass-press: rgba(255, 250, 244, 0.85);
  --edge: rgba(255, 253, 248, 0.95);
  --specular: rgba(255, 255, 255, 0.85);
  --hair: rgba(60, 40, 20, 0.09);
  --hair-2: rgba(60, 40, 20, 0.17);
  --shade: rgba(70, 45, 20, 0.1);
  --shade-2: rgba(70, 45, 20, 0.18);
  --blend: normal;
  --o: 0.42;
  --glow: rgba(214, 140, 90, 0.22);
  --b1: #e8a774;
  --b2: #d9b98a;
  --b3: #b9c79a;
  --accent: #b84c25;
  --accent-soft: rgba(184, 76, 37, 0.11);
  --accent-glow: rgba(184, 76, 37, 0.28);
  --on-ink: #fbf5ec;
  --ok: #3a7545;
  --warn: #9a5d0e;
  --bad: #ad3528;
  --bad-soft: rgba(173, 53, 40, 0.09);
  --chart-grid: rgba(60, 40, 20, 0.08);
  --chart-surface: #f6efe4;
  --solid: #f7f0e6;
  --field: rgba(255, 252, 246, 0.72);
  --toast: rgba(42, 32, 24, 0.93);
  --on-toast: #fbf5ec;
  --main-bg: #b84c25;
  --main-ink: #fff8f0;
  --main-shadow: 0 10px 28px rgba(184, 76, 37, 0.3);
}
[data-theme='lavender'] {
  color-scheme: light;
  --bg: #ece8f6;
  --ink: #1b1730;
  --ink-2: #352f52;
  --mut: #5c5576;
  --mut-2: #827b9c;
  --glass: rgba(255, 255, 255, 0.58);
  --glass-top: rgba(255, 255, 255, 0.76);
  --glass-bottom: rgba(245, 240, 255, 0.5);
  --glass-strong: rgba(253, 252, 255, 0.93);
  --glass-press: rgba(255, 255, 255, 0.85);
  --edge: rgba(255, 255, 255, 0.95);
  --specular: rgba(255, 255, 255, 0.9);
  --hair: rgba(40, 20, 80, 0.08);
  --hair-2: rgba(40, 20, 80, 0.15);
  --shade: rgba(50, 30, 100, 0.1);
  --shade-2: rgba(50, 30, 100, 0.18);
  --blend: normal;
  --o: 0.45;
  --glow: rgba(140, 110, 255, 0.25);
  --b1: #b9a5ff;
  --b2: #ffb3d6;
  --b3: #9fd3ff;
  --accent: #6c4cff;
  --accent-soft: rgba(108, 76, 255, 0.11);
  --accent-glow: rgba(108, 76, 255, 0.3);
  --on-ink: #f8f6ff;
  --ok: #1f7a52;
  --warn: #a36410;
  --bad: #b3362b;
  --bad-soft: rgba(179, 54, 43, 0.09);
  --chart-grid: rgba(40, 20, 80, 0.08);
  --chart-surface: #f5f2fc;
  --solid: #f6f3fd;
  --field: rgba(255, 255, 255, 0.72);
  --toast: rgba(27, 23, 48, 0.93);
  --on-toast: #f8f6ff;
  --main-bg: linear-gradient(135deg, #6c4cff, #b03fd0);
  --main-ink: #ffffff;
  --main-shadow: 0 10px 28px rgba(108, 76, 255, 0.32);
}
[data-theme='mint'] {
  color-scheme: light;
  --bg: #e3f0eb;
  --ink: #0f221c;
  --ink-2: #26403a;
  --mut: #48645b;
  --mut-2: #6f8a81;
  --glass: rgba(255, 255, 255, 0.58);
  --glass-top: rgba(255, 255, 255, 0.76);
  --glass-bottom: rgba(240, 255, 250, 0.5);
  --glass-strong: rgba(250, 255, 253, 0.93);
  --glass-press: rgba(255, 255, 255, 0.85);
  --edge: rgba(255, 255, 255, 0.95);
  --specular: rgba(255, 255, 255, 0.9);
  --hair: rgba(10, 50, 40, 0.08);
  --hair-2: rgba(10, 50, 40, 0.15);
  --shade: rgba(10, 60, 45, 0.09);
  --shade-2: rgba(10, 60, 45, 0.16);
  --blend: normal;
  --o: 0.42;
  --glow: rgba(40, 180, 140, 0.22);
  --b1: #6fd3b5;
  --b2: #9fd8ff;
  --b3: #d2ef98;
  --accent: #0d7f62;
  --accent-soft: rgba(13, 127, 98, 0.11);
  --accent-glow: rgba(13, 127, 98, 0.28);
  --on-ink: #f2fbf8;
  --ok: #1f7a52;
  --warn: #a36410;
  --bad: #b3362b;
  --bad-soft: rgba(179, 54, 43, 0.09);
  --chart-grid: rgba(10, 50, 40, 0.08);
  --chart-surface: #f1f8f5;
  --solid: #f2f9f6;
  --field: rgba(255, 255, 255, 0.72);
  --toast: rgba(15, 34, 28, 0.93);
  --on-toast: #f2fbf8;
  --main-bg: #0d6e55;
  --main-ink: #ffffff;
  --main-shadow: 0 10px 28px rgba(13, 110, 85, 0.3);
}
/* @end */