/* Aperto brand skin. Their site is WordPress on Divi; the accent measured off
   aperto.com.pl is #ef1147 (links and the primary button), body font Poppins.

   #ef1147 under white text is 4.34:1 — below WCAG AA for body text. The button
   uses a darkened #d90f3f (5.13:1) and keeps the true accent everywhere the
   text sits on light ground. */
:root {
  --bg: #ffffff;
  --primary: #d90f3f;
  --signal: #ef1147;
  --ink: #222222;
  --text: #222222;
  --rule: #e2e2e2;
  --muted: #555555;
}

/* No webfont: Poppins is Google-hosted on the parent page, and field-manual's
   self-hosted Inter lives on another host. Naming neither keeps the iframe at
   zero external requests. */
body, header h1 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

header h1 { font-size: 1.2rem; letter-spacing: -0.01em; }

/* Same three hardcoded cream tones as the Zolpak skin: field-manual.css sets
   them outside :root, and builds the send button from --ink. */
.composer button {
  background: var(--primary);
  color: #fff;
  border-color: var(--primary);
  border-radius: 4px;
}

.composer textarea {
  background: #fff;
  border: 1px solid var(--rule);
  border-radius: 4px;
}

.msg { border-radius: 6px; }

.msg.assistant {
  background: #f7f7f7;
  border: 1px solid var(--rule);
}

/* Tint of the accent rather than the accent itself: a full-crimson bubble
   reads as an error state. */
.msg.user {
  background: #ffd9e2;
  border: 1px solid #f4a3b8;
  color: #2b0a12;
}

.msg code { background: #ededed; }