/* Kayiwa Craves — UX polish.
   White text on the bright brand orange (#F1591E) is 3.4:1, under the 4.5:1
   minimum for normal text. These surfaces use the deeper brand orange instead
   (#C9420F, 4.9:1; hover #A93710, 6.5:1). Decorative orange is unchanged. */

:root { --kc-btn: #C9420F; --kc-btn-hover: #A93710; }

.btn--primary,
.field button,
.skip,
.badge,
.cart-count { background: var(--kc-btn); }

.btn--primary:hover,
.btn--primary:focus-visible,
.field button:hover,
.field button:focus-visible { background: var(--kc-btn-hover); color: var(--white); }

.btn--ink:hover,
.btn--light:hover,
.btn--outline:hover,
.rail-next:hover { background: var(--kc-btn); border-color: var(--kc-btn); }

.chip[aria-pressed='true'],
.pb-band .chip[aria-pressed="true"],
.pager [aria-current],
.pb-copy.is-copied { background: var(--kc-btn); border-color: var(--kc-btn); }

/* Links inside long-form text: readable colour, and underlined so they are not
   identified by colour alone. */
.prose a:not(.btn) {
  color: var(--accent-ink);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

/* Reading size for guides and stories: 17px on larger screens, 16px on phones. */
.prose p:not(.pull),
.prose li { font-size: 17px; }

@media (max-width: 780px) {
  .prose p:not(.pull),
  .prose li,
  .split__text p:not(.pull) { font-size: 16px; }
}