/* Zolpak brand skin. Loaded after field-manual.css, overrides its :root only.
   Values taken from the palette Avada ships on zolpak.pl (--awb-color1..8).

   No webfont here on purpose. Their headings are Titillium Web and body is
   Raleway, both Google-hosted on the parent page — pulling them into the
   iframe would add a third-party request to a site we just found serving
   trackers before consent. Inter is already self-hosted and sits close
   enough. Self-host the .woff2 files if an exact match is ever worth it. */
:root {
  --bg: #ffffff;
  --primary: #007932;   /* awb-color2, dark enough for white text on buttons */
  --signal: #f2871d;    /* awb-color5, their own accent */
  --ink: #212326;       /* awb-color7 */
  --text: #212326;
  --rule: #d2d2d2;
  --muted: #4b4b4b;     /* awb-color3 */
}

/* field-manual.css declares @font-face for a self-hosted Inter that lives on
   adriankujawski.dev, not next to this host. Naming a stack without "Inter"
   means the face is never used, so the browser never requests it — no 404 in
   a client's console. Drop this rule if the .woff2 is ever copied alongside. */
body, header h1 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Their H1/H2 are Titillium Web — a sans. The field-manual serif reads as a
   different brand the moment it sits inside their page. */
header h1 {
  font-size: 1.2rem;
  letter-spacing: -0.01em;
}

/* field-manual.css hardcodes three cream tones outside :root, and builds the
   send button from --ink. Overriding the variables alone leaves a black button
   on beige bubbles — the field-manual look, not Zolpak's. These rules cover
   exactly the declarations that do not read a variable. */
.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: #f4f6f4;
  border: 1px solid var(--rule);
}

/* awb-color4 — the light green from their palette. The field-manual default
   here is --signal, and an orange user bubble shouts on a green site. */
.msg.user {
  background: #65bd7d;
  border: 1px solid #4ba565;
  color: #14301d;
}

.msg code { background: #ededed; }