/* Little One's Studio brand tokens, shared by the demo page and the admin console.
   Purple #6B46C1 on paper #FAF8F3, ink #1A1722: the same palette as the app's own emails.
   System fonts only, no webfonts to load. The chat widget (public/widget/chat-widget.js) ships
   its own copy of these values inline, since a real embed script cannot assume this file is
   loaded on the host page. */
:root{
  --ls-purple:#6B46C1;
  --ls-purple-dark:#553396;
  --ls-purple-light:#EDE6FA;
  --ls-paper:#FAF8F3;
  --ls-ink:#1A1722;
  --ls-muted:#6B6572;
  --ls-line:#E4DEDA;
  --ls-white:#FFFFFF;
  --ls-good:#2E7D32;
  --ls-warn:#A15C00;
  --ls-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font:15px/1.6 var(--ls-font);
  color:var(--ls-ink);
  background:var(--ls-paper);
}
a{color:var(--ls-purple)}
a:hover{color:var(--ls-purple-dark)}
button,input,textarea,select{font-family:var(--ls-font)}
button:focus-visible,input:focus-visible,a:focus-visible,[tabindex]:focus-visible{
  outline:3px solid var(--ls-purple);
  outline-offset:2px;
}
code{background:var(--ls-purple-light);padding:2px 6px;border-radius:4px;font-size:0.9em}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}