/* Leap Code theme for the chat-style FAQ. Load AFTER faq-chat.css.
   Palette tokens are copied from the Leap Code site's assets/css/brand.css (Brand Manual v2).
   Contrast (computed): Ink on Leap Red 5.29:1; white on Ember 5.09:1; Ember on Blush >= 4.5:1; Ink on Blush > 16:1. */
:root {
	--lc-red: #F65656;       /* Leap Red, the mark. Fills and borders only; ink text on it, never white small text */
	--lc-ignition: #FF2032;  /* hover, focus ring */
	--lc-flame: #FF9B93;
	--lc-ember: #C83A3A;     /* small red text, white-text fills (5.09:1) */
	--lc-ink: #1A1A1A;
	--lc-steel: #5E6D74;     /* secondary text */
	--lc-hairline: #D9DEDE;
	--lc-gold: #C8962C;      /* rules and edges only, never text */
	--lc-blush: #FFF6F7;
}
.cfaq {
	--cfaq-ink: var(--lc-ink);
	--cfaq-muted: var(--lc-steel);
	--cfaq-panel: #ffffff;
	--cfaq-bot: var(--lc-blush);
	--cfaq-you: var(--lc-ember);
	--cfaq-you-ink: #ffffff;
	--cfaq-chip: #ffffff;
	--cfaq-line: #6B7B82;      /* Leap Code steel for input-like borders (3:1) */
	--cfaq-hair: var(--lc-hairline);
	--cfaq-accent: var(--lc-ember);
	--cfaq-radius: 14px;       /* matches the site's card radius */
	--cfaq-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}
.cfaq summary, .cfaq__chip, .cfaq__who { font-family: "Figtree", system-ui, sans-serif; }
.cfaq__chip:hover { border-color: var(--lc-red); background: var(--lc-blush); color: var(--lc-ember); }
/* Leap Code focus ring: 3px Ignition, 2px offset (Brand Manual section 09) */
.cfaq__log:focus-visible, .cfaq__chip:focus-visible, .cfaq__reset:focus-visible, .cfaq__msg a:focus-visible { outline-color: var(--lc-ignition); }