/* Homepage QuoteMe chat card: accent colours only (layout, behaviour and white card unchanged).
   Teal/cyan = AI, amber = action, same roles as the hero. */
@layer tokens {
html:root:root body[data-yitm-design-mode="home"] #main .home-core-hero .yre {
  border: 1.5px solid #2aa7b5 !important;
  box-shadow: 0 20px 60px rgba(7, 26, 51, .35), 0 0 44px rgba(82, 221, 255, .22) !important;
}
html:root:root body[data-yitm-design-mode="home"] #main .home-core-hero .yre .yre__badge {
  background: #E3F6FA !important; color: #075968 !important; font-weight: 700;
  display: inline-flex; align-items: center; gap: 8px;
}
html:root:root body[data-yitm-design-mode="home"] #main .home-core-hero .yre .yre__badge::before {
  content: ""; width: 9px; height: 9px; border-radius: 50%; background: #087582;
  box-shadow: 0 0 0 4px rgba(8, 117, 130, .2);
}
html:root:root body[data-yitm-design-mode="home"] #main .home-core-hero .yre .yre__compose button[type="submit"] {
  background: #F5A524 !important; color: #14243E !important; -webkit-text-fill-color: #14243E !important;
  border-color: #F5A524 !important; font-weight: 700;
}
html:root:root body[data-yitm-design-mode="home"] #main .home-core-hero .yre .yre__compose button[type="submit"]:hover,
html:root:root body[data-yitm-design-mode="home"] #main .home-core-hero .yre .yre__compose button[type="submit"]:active {
  background: #FFB93D !important; border-color: #FFB93D !important; color: #14243E !important; -webkit-text-fill-color: #14243E !important;
}
html:root:root body[data-yitm-design-mode="home"] #main .home-core-hero .yre .yre__compose button[type="submit"]:focus-visible { outline: 3px solid #14243E; outline-offset: 3px; }
html:root:root body[data-yitm-design-mode="home"] #main .home-core-hero .yre .yre__compose input:focus { border-color: #087582 !important; box-shadow: 0 0 0 3px rgba(8, 117, 130, .25) !important; outline: none; }
html:root:root body[data-yitm-design-mode="home"] #main .home-core-hero .yre .yre__options button:hover { border-color: #087582 !important; background: #EAF4F8 !important; }
html:root:root body[data-yitm-design-mode="home"] #main .home-core-hero .yre a, html:root:root body[data-yitm-design-mode="home"] #main .home-core-hero .yre a:visited { color: #075968 !important; -webkit-text-fill-color: #075968 !important; }
html:root:root body[data-yitm-design-mode="home"] #main .home-core-hero .yre a:hover, html:root:root body[data-yitm-design-mode="home"] #main .home-core-hero .yre a:active { color: #064653 !important; -webkit-text-fill-color: #064653 !important; }
}