/* Общий стиль приложений fazz — снят с планера (services/planner), тема «Шалфей», тёмная.
   Подключение: скопировать папку _design в static/ui/ приложения и
   <link rel="preload" href="/static/ui/fonts/onest-cyrillic.woff2" as="font" type="font/woff2" crossorigin>
   <link rel="stylesheet" href="/static/ui/ui.css">
   Пути к шрифтам ниже относительные — работают при любом префиксе. */

@font-face{font-family:"Onest";font-weight:400 800;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 800;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:"Unbounded";font-weight:500 800;font-display:swap;src:url(fonts/unbounded-cyrillic.woff2) format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Unbounded";font-weight:500 800;font-display:swap;src:url(fonts/unbounded-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{color-scheme:dark;
  /* акцент «Шалфей»: a1 — кнопки/заливки, tint — крупные цифры и акцентный текст */
  --a1:92 146 116;--a2:110 150 130;--a3:90 130 150;--tint:#b5d3c2;
  --bg:#16182b;--ink:#f3f4fa;--sub:rgba(226,228,245,.56);
  --list:rgba(255,255,255,.05);--card:rgba(255,255,255,.08);--cardhi:rgba(255,255,255,.12);
  --ctl:rgba(255,255,255,.08);--line:rgba(255,255,255,.1);--navbg:rgba(30,33,56,.82);--sheetbg:#1e2138;
  --green:#5fb88f;--red:#e07a7a;--glass:blur(18px) saturate(160%);
  --font:"Onest",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--hfont:"Unbounded",var(--font)}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:var(--bg)}
body{margin:0;font:15px/1.45 var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;
  padding:env(safe-area-inset-top) 16px calc(env(safe-area-inset-bottom) + 24px)}
button,input,textarea,select{font-family:inherit}

/* Заголовки: Unbounded. Гигантская цифра как «30» на главной — .hero */
h1{font:700 28px/1.15 var(--hfont);letter-spacing:-.02em;margin:14px 0 8px}
h2{font:700 20px/1.2 var(--font);margin:0 0 10px}
.hero{font:700 96px/.9 var(--hfont);letter-spacing:-.04em;color:var(--tint)}
.sub,.muted{color:var(--sub)}

/* Блок-секция (как «Сегодня», «Тренировка») и карточка внутри */
.list{background:var(--list);border-radius:22px;padding:16px 14px 10px;margin-bottom:14px}
.card{background:var(--card);border-radius:12px;padding:13px 12px;margin:0 0 8px}

/* Кнопки: основная — заливка акцентом, вторичная — полупрозрачная */
.btn{border:0;border-radius:12px;padding:11px 18px;font:inherit;font-weight:650;background:rgb(var(--a1));color:#fff}
.btn.big{width:100%;border-radius:18px;padding:18px;font-size:19px}
.btn.ghost{background:var(--ctl);color:var(--ink)}
.btn.danger{background:var(--red)}
.btn:disabled{opacity:.5}

/* Пилюля-счётчик с круглой «+» (как «Сигареты 0/2») */
.pill{display:inline-flex;align-items:center;gap:8px;background:var(--list);border:1px solid var(--line);border-radius:20px;
  padding:7px 7px 7px 14px;font-weight:650}
.pill .plus{width:30px;height:30px;border-radius:50%;border:0;background:rgb(var(--a1));color:#fff;font-size:18px}

/* Поля ввода */
input,textarea,select{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;font:inherit;
  background:var(--ctl);color:var(--ink);outline:none}
label{display:block;color:var(--sub);font-size:13px;font-weight:600;margin:12px 0 4px}

/* Бейдж статуса */
.badge{font-size:12px;font-weight:700;border-radius:8px;padding:3px 8px;background:var(--ctl);color:var(--sub);white-space:nowrap}
.badge.ok{background:rgb(var(--a1) / .22);color:var(--tint)}
.badge.warn{background:rgba(230,199,154,.18);color:#e6c79a}
.badge.err{background:rgba(224,122,122,.18);color:var(--red)}

/* Нижняя «стеклянная» навигация (как в планере) */
nav.tabs{position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 8px);display:flex;gap:2px;padding:6px;
  border-radius:28px;background:var(--navbg);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--line)}
nav.tabs button{flex:1;border:0;background:transparent;color:var(--sub);border-radius:22px;padding:8px 2px;font:600 10.5px/1.1 var(--font)}
nav.tabs button.on{background:rgb(var(--a1) / .25);color:var(--ink)}

a{color:var(--tint)}