/* Токены Ложки (--lz-*) поверх брендбука RoboWB (--rb-*: brand/robowb.css в приложении, brand/rb-tokens.css на сайте).
   Ночь сайта, акценты, скидка, состояния, паттерн. Цвета в стилях — только через токены (решение владельца 04.11.2026);
   нужного нет — заводить здесь. Тёмная тема приложения переопределяет --rb-* в app.css (html.lz-dark). */
:root{
 /* ночь сайта и витрин */
 --lz-night:#12152B;--lz-night-deep:#0D1024;--lz-abyss:#04050E;--lz-navy:#1E2240;--lz-indigo:#2B3A86;--lz-violet:#6E48AA;
 /* акценты Ложки */
 --lz-teal:#1F6E7A;--lz-mint:#8FD6CF;--lz-lavender:#C9B8FF;--lz-pink:#FF9ECF;--lz-yolk:#FFC83D;--lz-honey:#F5E1A4;
 --lz-paper-warm:#F7F5F0;--lz-white:#FFFFFF;--lz-black:#000000;
 --lz-teal-bright:#1F8F88;--lz-violet-bright:#6E4FD8;--lz-lavender-mist:#E8E3F2;--lz-wb:#7B2AD6;
 /* скидка, успех */
 --lz-sale:#E0487E;--lz-success:#2FB37E;--lz-star:#E9A100;
 /* светлые поверхности окон «как в приложении» */
 --lz-line-soft:#E6E1D6;--lz-line-strong:#CFC8BB;--lz-paper-deep:#EFECE4;--lz-hover:#F1ECE3;
 /* градиенты и тени */
 --lz-grad-pastel:linear-gradient(100deg,var(--lz-mint),var(--lz-lavender) 50%,var(--lz-pink));
 /* главная кнопка покупки (вариант b, выбрал владелец 04.11.2026): глубокий перелив, белый текст */
 --lz-grad-cta:linear-gradient(100deg,var(--lz-teal-bright),var(--lz-violet-bright) 52%,var(--lz-sale));
 --lz-on-cta:var(--lz-white);
 --lz-shadow-cta:0 14px 40px -12px color-mix(in srgb,var(--lz-violet-bright) 75%,transparent),inset 0 1px 0 color-mix(in srgb,var(--lz-white) 25%,transparent);
 --lz-grad-flow:linear-gradient(120deg,var(--lz-navy),var(--lz-teal),var(--lz-indigo),var(--lz-teal),var(--lz-navy));
 --lz-grad-sale:linear-gradient(90deg,color-mix(in srgb,var(--lz-sale) 92%,transparent),color-mix(in srgb,var(--lz-lavender) 92%,transparent));
 --lz-shadow-deep:0 30px 80px color-mix(in srgb,var(--lz-abyss) 55%,transparent);
 /* паттерн из знаков Ложки: плитка — маска (brand/lz-mark-tile.svg), цвет — токен */
 --lz-pattern-tile:url("/static/brand/lz-mark-tile.svg");--lz-pattern-size:96px;
 --lz-pattern-ink:color-mix(in srgb,var(--rb-faint) 16%,transparent);
 --lz-pattern-ink-night:color-mix(in srgb,var(--lz-lavender) 13%,transparent);
 --lz-pattern-ink-soft:color-mix(in srgb,var(--rb-faint) 8%,transparent);
 --lz-pattern-ink-night-soft:color-mix(in srgb,var(--lz-lavender) 7%,transparent)}
/* Паттерн — общим приёмом: .lz-pat (или своим ::after с теми же свойствами); фон под ним — у самого элемента */
.lz-pat{position:relative;isolation:isolate}
.lz-pat::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--lz-pattern-ink);
 -webkit-mask:var(--lz-pattern-tile) 0 0/var(--lz-pattern-size) repeat;mask:var(--lz-pattern-tile) 0 0/var(--lz-pattern-size) repeat}
.lz-pat--night::after{background:var(--lz-pattern-ink-night)}

/* Японская витрина (Nanako, <html lang="ja">): перенос по фразам, а не посреди слова («ログア / ウト»). Chrome и Edge
   понимают auto-phrase; Safari — нет, у него остаётся обычный перенос. Строгие правила 禁則 — line-break: strict */
html[lang="ja"] body{word-break:auto-phrase;line-break:strict}