/* demo-theme.css — фирменная тема поверх экранов демо:
   бумага #ede7dc, чернила #14181a, терракота #c1462b, шрифт Golos Text.
   Подключается ПОСЛЕ стилей страницы и переопределяет палитру, не трогая вёрстку. */

@font-face { font-family:"Golos Text"; font-style:normal; font-display:swap; font-weight:400 900;
  src:url(fonts/golos-text-cyrillic-wght-normal-mKek_fSS.woff2) format("woff2-variations");
  unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116; }
@font-face { font-family:"Golos Text"; font-style:normal; font-display:swap; font-weight:400 900;
  src:url(fonts/golos-text-latin-wght-normal-BS5oQT7X.woff2) format("woff2-variations");
  unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:"Unbounded"; font-style:normal; font-display:swap; font-weight:200 900;
  src:url(fonts/unbounded-cyrillic-wght-normal-C627f1f8.woff2) format("woff2-variations");
  unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116; }
@font-face { font-family:"Unbounded"; font-style:normal; font-display:swap; font-weight:200 900;
  src:url(fonts/unbounded-latin-wght-normal-D5afBTBx.woff2) format("woff2-variations");
  unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }

:root {
  --brand:#c1462b;
  --bg:#ede7dc;
  --card:#fffdf8;
  --line:#dcd4c2;
  --grid:#e0d8c6;
  --ink:#14181a;
  --ink2:#4c524d;
  --muted:#6b6f6b;
}

body {
  font-family:"Golos Text",-apple-system,"Segoe UI",sans-serif;
  background:#ede7dc;
  background-image: radial-gradient(120% 80% at 12% 0%, #fff6 0%, transparent 60%),
                    linear-gradient(180deg, transparent 55%, #6b6f6b12 100%);
  background-attachment: fixed;
  color:#14181a;
}

/* тёмные элементы: глубокий сланец вместо зелени */
header, .wa-head, .chat-head { background:#1f2a2e !important; }
header a { color:#d9cfc0; }
#tt { background:#1f2a2e; }
.wa-head small, .chat-head small { color:#c9b8a4; }
.ava { background:#c1462b; }

/* ИИ-агент: страница была тёмно-зелёной — теперь бумага */
.head { color:#5c665f; }
.head b { color:#14181a; }
.head a { color:#c1462b; }
.phone { box-shadow: 0 18px 50px #14181a33; border:1px solid #14181a1f; }

/* пузыри «своих» сообщений: песочные вместо зелёных */
.msg.user, .msg.out { background:#f3decf; }

/* статусы-акценты, завязанные на зелень бренда */
.st.confirmed, .st.active { background:#f3decf; color:#8a3320; }

/* демо-плашка — в тон темы */
#demoBadge { background:rgba(31,42,46,.95); color:#e9ddcb; }
#demoBadge a, #demoBadge button { color:#e6b7a2; }
#demoBadge .dot { background:#d98a6a; }