/* Дизайн-токены Grow Tasks. Источник: прототипы «Grow Tasks» (телефон, палитра v5 и стекло v12-v14)
   и «Grow Tasks десктоп». Палитра бережная для глаз: без чистого чёрного и белого.
   Три состояния темы: data-theme="light" | "dark" на <html> или ничего (авто по prefers-color-scheme). */
:root {
  color-scheme: light;
  --page: #d9ddda; --bg: #e9ece9; --screen: #eef0ee; --surface: #fbfbf9; --surface2: #eceeec; --hover: #f1f3f1;
  --glass: rgba(251,251,249,.82); --glass-edge: rgba(255,255,255,.9); --glass-shadow: rgba(30,40,50,.12); --shadow: rgba(30,40,50,.14);
  --fg: #1f2428; --fg2: #545b62; --fg3: #868c92; --fg4: #b9bdc1; --sep: rgba(31,36,40,.1); --sep2: rgba(31,36,40,.06);
  --accent: #2c64c4; --accent-fill: #2c64c4; --accent-soft: rgba(44,100,196,.12); --sel: rgba(44,100,196,.10);
  --green: #2b7d46; --orange: #a35d00; --red: #c0352b; --purple: #7a44b0; --gray: #868c92;
  --green-s: rgba(43,125,70,.11); --orange-s: rgba(163,93,0,.11); --red-s: rgba(192,53,43,.1); --purple-s: rgba(122,68,176,.11);
  --on-accent: #ffffff; --scrim: rgba(31,36,40,.26); --toast-bg: rgba(31,36,40,.88); --toast-fg: #f4f5f3; --toast-link: #9fc0ff;
  --blob1: rgba(44,100,196,.10); --blob2: rgba(122,68,176,.07); --blob3: rgba(43,125,70,.06);
  /* Liquid Glass: L1 иконки, L2 элементы с текстом, L3 листы и меню; полоса таб-бара */
  --g1: rgba(251,251,249,.5); --g2: rgba(251,251,249,.68); --g3: rgba(251,251,249,.78);
  --gbar: rgba(251,251,249,.85); --gclear: rgba(251,251,249,.42);
  --b1: 20px; --b2: 24px; --b3: 32px; --gsat: 180%;
  --g-hi: rgba(255,255,255,.55); --g-hi-line: rgba(255,255,255,.95); --g-rim: rgba(255,255,255,.7); --g-outline: rgba(31,36,40,.08);
  --g-matte: rgba(31,36,40,.045); --g-drop: rgba(44,100,196,.14); --g-press: brightness(1.04);
  --cat-front: url("../img/cat/front.webp");
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --side-w: 248px; --rail-w: 72px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --page: #0b0d10; --bg: #121519; --screen: #16191d; --surface: #20242a; --surface2: #292e35; --hover: #262a31;
    --glass: rgba(34,38,44,.84); --glass-edge: rgba(255,255,255,.08); --glass-shadow: rgba(0,0,0,.45); --shadow: rgba(0,0,0,.5);
    --fg: #e3e5e8; --fg2: #a7adb4; --fg3: #6e757d; --fg4: #4d535a; --sep: rgba(227,229,232,.1); --sep2: rgba(227,229,232,.06);
    --accent: #7aa7f5; --accent-fill: #3a6fd1; --accent-soft: rgba(122,167,245,.16); --sel: rgba(122,167,245,.13);
    --green: #66c385; --orange: #e3a457; --red: #f07d72; --purple: #bb93ee; --gray: #8d939a;
    --green-s: rgba(102,195,133,.14); --orange-s: rgba(227,164,87,.14); --red-s: rgba(240,125,114,.14); --purple-s: rgba(187,147,238,.15);
    --scrim: rgba(0,0,0,.45); --toast-bg: rgba(41,46,53,.94); --toast-fg: #e3e5e8; --toast-link: #9fc0ff;
    --blob1: rgba(122,167,245,.08); --blob2: rgba(187,147,238,.06); --blob3: rgba(102,195,133,.04);
    --g1: rgba(34,38,44,.5); --g2: rgba(34,38,44,.68); --g3: rgba(34,38,44,.78); --gsat: 150%;
    --gbar: rgba(34,38,44,.85); --gclear: rgba(34,38,44,.42);
    --g-hi: rgba(255,255,255,.07); --g-hi-line: rgba(255,255,255,.16); --g-rim: rgba(255,255,255,.1); --g-outline: rgba(0,0,0,.45);
    --g-matte: rgba(255,255,255,.05); --g-drop: rgba(122,167,245,.2); --g-press: brightness(1.25);
    --cat-front: url("../img/cat/front-dark.webp");
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --page: #0b0d10; --bg: #121519; --screen: #16191d; --surface: #20242a; --surface2: #292e35; --hover: #262a31;
  --glass: rgba(34,38,44,.84); --glass-edge: rgba(255,255,255,.08); --glass-shadow: rgba(0,0,0,.45); --shadow: rgba(0,0,0,.5);
  --fg: #e3e5e8; --fg2: #a7adb4; --fg3: #6e757d; --fg4: #4d535a; --sep: rgba(227,229,232,.1); --sep2: rgba(227,229,232,.06);
  --accent: #7aa7f5; --accent-fill: #3a6fd1; --accent-soft: rgba(122,167,245,.16); --sel: rgba(122,167,245,.13);
  --green: #66c385; --orange: #e3a457; --red: #f07d72; --purple: #bb93ee; --gray: #8d939a;
  --green-s: rgba(102,195,133,.14); --orange-s: rgba(227,164,87,.14); --red-s: rgba(240,125,114,.14); --purple-s: rgba(187,147,238,.15);
  --scrim: rgba(0,0,0,.45); --toast-bg: rgba(41,46,53,.94); --toast-fg: #e3e5e8; --toast-link: #9fc0ff;
  --blob1: rgba(122,167,245,.08); --blob2: rgba(187,147,238,.06); --blob3: rgba(102,195,133,.04);
  --g1: rgba(34,38,44,.5); --g2: rgba(34,38,44,.68); --g3: rgba(34,38,44,.78); --gsat: 150%;
  --gbar: rgba(34,38,44,.85); --gclear: rgba(34,38,44,.42);
  --g-hi: rgba(255,255,255,.07); --g-hi-line: rgba(255,255,255,.16); --g-rim: rgba(255,255,255,.1); --g-outline: rgba(0,0,0,.45);
  --g-matte: rgba(255,255,255,.05); --g-drop: rgba(122,167,245,.2); --g-press: brightness(1.25);
  --cat-front: url("../img/cat/front-dark.webp");
}
/* Повышенный контраст: стекло становится сплошным, контуры заметнее */
@media (prefers-contrast: more) {
  :root { --g1: var(--surface); --g2: var(--surface); --g3: var(--surface); --gbar: var(--surface); --gclear: var(--surface); --glass: var(--surface); --g-rim: var(--fg3); --g-outline: var(--fg3); }
}