/* aura.css — общий слой «Живой ауры» (редизайн сайта, этапы 0–7, 12–13.10.2026). Источник значений — главная (home.css).
   Правило: токены объявляются только здесь; в home/cabinet/course/kak-dyshat/sos/chrome.css — только своё.
   1) :root --au-* — канонические значения.
   2) Там же — имена главной (--fg, --card, --f-display…) и старые имена прежнего tokens.css (--accent, --border, --bg-elev…,
      на них держатся base/forms/charts/favorites/nav/site.css): с этапа 7 весь сайт в «ауре», tokens.css удалён.
   Правила дизайна и где каким цветом пользоваться — marketing/brand/brandbook.md. */

/* Двойной тап не зумит страницу (iOS считал быстрые «+/−» степперов увеличением); щипок остаётся.
   Селектор * (специфичность 0) — своё touch-action у элементов побеждает. JS-половина — site-chrome.js. */
*{touch-action:manipulation}

:root{
  /* фон и текст */
  --au-ink:#060a18; --au-ink-2:#0b1430;
  --au-fg:#f1f4ff; --au-muted:#8f9ac0; --au-dim:#5d6894;
  /* стекло и линии */
  --au-card:rgba(12,18,40,.62); --au-card-solid:rgba(11,17,38,.96); --au-card-line:rgba(255,255,255,.09);
  --au-glass:rgba(255,255,255,.06); --au-glass-2:rgba(255,255,255,.12); --au-line:rgba(255,255,255,.1);
  --au-on-accent:#071022;
  /* подложка липкой шапки (chrome.css): цвет фона темы, полупрозрачный — под стекло; светлая тема меняет --au-ink */
  --au-bar:color-mix(in srgb,var(--au-ink) 74%,transparent); --au-bar-solid:color-mix(in srgb,var(--au-ink) 96%,transparent);
  /* акцент по умолчанию («Успокоиться») и цвета фаз */
  --au-accent:#7fd1ff; --au-go:#5ec8ff;
  --au-in:#7fd1ff; --au-hold:#c8a8ff; --au-out:#9ee9c5; --au-rest:#9fb0dc;
  /* служебные */
  --au-warn:#ffb547; --au-bad:#ff7d8f; --au-ok:#5ee0b0; --au-sos:#ff8f9e; --au-noise:#ff8fc6;
  /* шрифты (fonts.css) */
  --au-display:"Unbounded","Arial Black",system-ui,sans-serif;
  --au-body:"Onest","Segoe UI",system-ui,sans-serif;
  /* движение */
  --au-ease:cubic-bezier(.4,0,.2,1); --au-spring:cubic-bezier(.32,.72,0,1);
  /* фон страниц чтения и онбординга */
  --au-bg:radial-gradient(1200px 800px at 50% 0%,var(--au-ink-2),var(--au-ink) 70%);

  /* имена главной */
  --ink:var(--au-ink); --ink-2:var(--au-ink-2);
  --fg:var(--au-fg); --muted:var(--au-muted); --dim:var(--au-dim);
  --card:var(--au-card); --card-solid:var(--au-card-solid); --card-line:var(--au-card-line);
  --glass:var(--au-glass); --glass-2:var(--au-glass-2); --line:var(--au-line);
  --on-accent:var(--au-on-accent);
  --f-display:var(--au-display); --f-body:var(--au-body);

  /* старые имена (tokens.css до этапа 7) — значениями «ауры» */
  --accent:var(--au-accent); --accent-soft:rgba(127,209,255,.14); --accent-border:rgba(127,209,255,.3);
  --accent-fg:var(--au-on-accent);
  --bg-1:var(--au-ink); --bg-2:var(--au-ink-2); --bg-elev:var(--au-glass); --bg-elev-2:var(--au-glass-2);
  --border:var(--au-line); --border-soft:rgba(255,255,255,.06);
  --inhale:var(--au-in); --hold:var(--au-hold); --exhale:var(--au-out);
  --ok:var(--au-ok); --warn:var(--au-warn); --danger:var(--au-bad);
  --shadow:0 30px 80px -20px rgba(0,0,0,.8);
  --radius-sm:10px; --radius:16px; --radius-lg:22px;
  --nav-h:54px;
  color-scheme:dark;
}

/* страницы генератора, «Программы» и статичные страницы приложения: акцент страницы («Успокоиться») и кегль текста */
body[data-page="content"],body[data-page="programs"],
body[data-page="contacts"],body[data-page="privacy"],body[data-page="auth"],body[data-page="offline"]{
  --mood:var(--au-go); --phase:var(--au-in);
  --body-fs:16px; --body-lh:1.6;
}

/* фон онбординга и курсов (фон сайта — фиксированный body::before из base.css) */
body[data-type="onboarding"]::before,body[data-type="course"]::before,body[data-type="courses"]::before{
  background:var(--au-bg);background-color:var(--au-ink)}

/* «Мои практики», история, награды (этап 6, 13.10.2026; раньше — в cabinet.css): имена старых base/forms/charts.css под «ауру» */
html:has(body.aura-app){background:var(--au-ink)}
body.aura-app{
  --bg-elev:rgba(255,255,255,.05); --bg-elev-2:rgba(255,255,255,.1);
  --border:var(--au-line); --border-soft:rgba(255,255,255,.07);
  --card-solid:#0b1123;
  --radius-sm:12px; --radius:16px; --radius-lg:24px;
}

/* Тосты живут здесь: aura.css — единственный файл, который есть на всех страницах (главная без base.css, страницы чтения без nav.css). */
/* Тосты — как тост главной (.htoast): тёмное стекло, Onest, радиус 16, одной ширины.
   Сверху под шапкой на всех страницах (этап 6 редизайна, 13.10.2026): снизу их перекрывали кнопка чата и вкладки PWA. */
.toast-stack{
  position:fixed;
  left:50%;transform:translateX(-50%);
  top:calc(env(safe-area-inset-top,0px) + 72px);
  z-index:70;
  display:flex;flex-direction:column;gap:8px;
  width:min(calc(100vw - 32px),380px);
  pointer-events:none;
}
.toast{
  pointer-events:auto;
  background:rgba(14,20,44,.96);
  border:1px solid var(--au-line);
  color:var(--au-fg);
  padding:12px 16px;
  border-radius:16px;
  font:500 14px/1.4 var(--au-body);
  box-shadow:0 14px 40px rgba(0,0,0,.45);
  animation:toast-rise .45s var(--au-spring);
}
@keyframes toast-rise{
  from{opacity:0;transform:translateY(-10px)}
  to{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){ .toast{ animation:none; } }

/* Toast «Открыто: <ачивка>» — значок в стеклянном круге с ободком цвета ступени. */
.toast.toast-achievement{
  padding:10px 18px 10px 10px;
}
.toast-ach{ display:flex;align-items:center;gap:12px; }
.toast-ach-icon{
  width:40px;height:40px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--au-glass-2);
  box-shadow:inset 0 0 0 1.5px currentColor;
  color:#f6c453;
  flex-shrink:0;
}
.toast-ach-icon svg{ width:20px;height:20px;fill:currentColor; }
.toast-ach-icon svg path[fill="none"]{ fill:none; }
.toast-ach-bronze   .toast-ach-icon{ color:#c79268; }
.toast-ach-silver   .toast-ach-icon{ color:#c8d0dc; }
.toast-ach-gold     .toast-ach-icon{ color:#f6c453; }
.toast-ach-platinum .toast-ach-icon{ color:#7dd3fc; }
.toast-ach-kicker{
  font:600 10.5px/1.2 var(--au-body);
  text-transform:uppercase;
  letter-spacing:.14em;
  color:var(--au-dim);
  margin-bottom:2px;
}
.toast-ach-title{ font:700 14px/1.3 var(--au-display);letter-spacing:-.01em; }

/* Тост «Доступна новая версия» — на любой странице. Вид общий, кнопка — акцентная пилюля. */
.toast.toast-update{display:flex;align-items:center;justify-content:space-between;gap:12px}
.toast.toast-update button{flex:none;min-height:34px;padding:0 14px;border:0;border-radius:999px;background:var(--accent);color:var(--accent-fg);font:600 13px/1 var(--au-body);white-space:nowrap;cursor:pointer}
.toast.toast-update button:hover{background:var(--accent);filter:brightness(1.08)}