/* Origin Shop styling — colors from the "Origin Design System" (Claude Design).
   Variable names kept for stability; values are the DS semantic tokens.
   Lead with Coral; Pearl is the default digital background; Ruby is body copy. */

:root {
  --origin-orange: #eb5e54;       /* DS Coral — primary brand color */
  --origin-orange-soft: #faba99;  /* DS Tan — soft accent / card borders */
  --origin-cream: #fceee5;        /* DS Pearl — default digital background */
  --origin-cream-dark: #ffdecf;   /* DS Light Pink — secondary surface */
  --origin-brown: #79242f;        /* DS Ruby — dark text accent */
  --origin-navy: #79242f;         /* DS Ruby — body copy on light backgrounds */
}

body { font-family: "DM Sans", "Helvetica Neue", Arial, sans-serif; color: var(--origin-navy); background-color: var(--origin-cream); }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.fs-5, .lead { font-family: "DM Sans", "Helvetica Neue", Arial, sans-serif; }
.btn { font-family: "DM Sans", "Helvetica Neue", Arial, sans-serif; text-transform: uppercase; }

.nav-origin { background-color: var(--origin-orange); }
.nav-origin a, .nav-origin .navbar-brand { color: #fff; }

.footer { background-color: var(--origin-orange); }
.footer__address, .footer__address__url, .footer__legal, .footer__legal__url, .footer__legal__muted { color: var(--origin-cream) !important; }

.header__breadcrumb-item, .header__breadcrumb-item a { color: var(--origin-brown) !important; }
.header__breadcrumb-item + .header__breadcrumb-item::before { content: ">"; color: var(--origin-brown); }
.header__title { color: var(--origin-orange); }
.header__separator { color: var(--origin-orange); border-top: 2px solid var(--origin-orange); }

.provider__name { color: var(--origin-brown); text-align: center; }
.provider__bio { color: #000; text-align: center; }

.category__name { color: var(--origin-orange); text-decoration: none; }
.category__name:hover { color: var(--origin-orange); text-decoration: none; }
.category__description { color: #000; text-decoration: none; }
.category__description:hover { color: #000; text-decoration: none; }
.category__thumbnail { object-fit: contain; }

.recommendation { background-color: #fff; border: 1px solid var(--origin-orange-soft); }
.recommendation__title { color: var(--origin-orange); font-weight: 700 !important; text-decoration: none; }
.recommendation__title:hover { color: var(--origin-orange); text-decoration: none; }
.recommendation__description { color: var(--origin-navy); }
.product-thumbnail-wrapper img { object-fit: contain; }

.recommendation__button:link,
.recommendation__button:visited {
  color: #fff;
  background-color: var(--origin-orange);
  border-color: var(--origin-orange);
  font-weight: 700 !important;
}
.recommendation__button:hover { color: var(--origin-orange); background-color: transparent; border-color: var(--origin-orange); }
.recommendation__button:active { color: #fff; background-color: var(--origin-orange); }

.btn-primary.recommendation__button {
  --bs-btn-bg: var(--origin-orange);
  --bs-btn-border-color: var(--origin-orange);
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-color: var(--origin-orange);
  --bs-btn-hover-border-color: var(--origin-orange);
}