/* Токены Life OS — те же, что у сайта продукта (lifeos-site/theme/assets/tokens.css): четыре цвета, шрифты, размеры.
   Оболочка и вкладки берут вид только отсюда (вкладкам — по адресу /lib/tokens.css). Тёмная тема — как тёмная полоса
   сайта: те же два цвета наоборот; акцент светлее, чтобы читался на тёмном. */

@font-face { font-family: 'Onest'; font-weight: 400 600; font-display: swap; src: url(fonts/onest-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Onest'; font-weight: 400 600; font-display: swap; src: url(fonts/onest-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'JetBrains Mono'; font-weight: 400 500; font-display: swap; src: url(fonts/jetbrains-mono-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'JetBrains Mono'; font-weight: 400 500; font-display: swap; src: url(fonts/jetbrains-mono-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  --bg: #F5F6F7;            /* фон страницы */
  --surface: #FFFFFF;       /* плитки, поля */
  --ink: #1B2128;           /* текст и заголовки */
  --accent: #3E5368;        /* наведение, выделение, «сейчас» */
  --neg: #B4462A;           /* минус и просрочка — единственный второй цвет, как в пульте Obsidian */

  --ink-2: color-mix(in srgb, var(--ink) 78%, var(--bg));
  --ink-3: color-mix(in srgb, var(--ink) 68%, var(--bg));
  --line: color-mix(in srgb, var(--ink) 8%, var(--bg));
  --line-2: color-mix(in srgb, var(--ink) 22%, var(--bg));
  --accent-soft: color-mix(in srgb, var(--accent) 12%, var(--surface));

  --font: 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --t-title: clamp(22px, 3vw, 30px);
  --t-body: 15px;
  --t-small: 14px;
  --t-label: 12px;
  --track-label: 0.06em;
  --page: 1120px;
  --gutter: 16px;
  --radius: 12px;
  --radius-pill: 999px;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #1B2128;
    --surface: color-mix(in srgb, #F5F6F7 5%, #1B2128);
    --ink: #F5F6F7;
    --accent: #A9BCCF;
    --neg: #E08A6E;
    color-scheme: dark;
  }
}