:root {
  --palmino-walnut: #744506;
  --palmino-olive: #7a8450;
  --palmino-sage: #aebd93;
  --palmino-celadon: #bee7b8;
  --palmino-granite: #95969d;
  --palmino-ink: #30332a;
  --palmino-surface: #f7f8f3;
  --palmino-surface-strong: #eef2e8;
  --palmino-primary: #D2C1AC;
  --palmino-primary-dark: var(--palmino-walnut);
  --palmino-primary-soft: var(--palmino-celadon);
  --primary: var(--palmino-primary);
  --primary-dark: var(--palmino-primary-dark);
}

html { accent-color: var(--palmino-primary); }
body {
  background-color: var(--palmino-surface) !important;
  color: var(--palmino-ink);
}
::selection { background: var(--palmino-celadon); color: var(--palmino-walnut); }

/* Palmino's compact storefront shell. */
.p-header,
.landing-page .p-header {
  background: rgba(247, 248, 243, .94) !important;
  border-color: rgba(210, 193, 172, .28) !important;
}
.p-brand,
.p-nav a:hover,
.p-nav a[aria-current="page"] { color: var(--palmino-walnut) !important; }
.p-brand-mark { color: var(--palmino-primary) !important; object-fit: contain; }
.site-glass-header img[src*="ChatGPT%20I.webp"],
.site-glass-header img[src*="ChatGPT I.webp"],
.mobile-menu-head__logo,
footer img[src*="ChatGP"] { object-fit: contain !important; }
.p-brand-copy small { color: var(--palmino-granite) !important; }
.p-nav a::after { background: var(--palmino-primary) !important; }
.p-action {
  background: rgba(255, 255, 255, .78) !important;
  border-color: rgba(210, 193, 172, .34) !important;
}
.p-action:hover { border-color: var(--palmino-primary) !important; background: var(--palmino-celadon) !important; }
.p-cart-badge { background: var(--palmino-walnut) !important; }
.p-footer { background: #4c4d3d !important; }
.p-footer a:hover { color: var(--palmino-celadon) !important; }
.flash { background: var(--palmino-surface-strong) !important; }

.site-glass-header,
.store-header {
  background: rgba(247, 248, 243, .88) !important;
  border-color: rgba(210, 193, 172, .30) !important;
  box-shadow: 0 18px 44px rgba(116, 69, 6, .10), 0 8px 22px rgba(210, 193, 172, .12) !important;
}
.site-glass-header .nav-sub,
#mobile-menu-panel,
.store-search-modal__panel,
.cart-modal__panel {
  border-color: rgba(210, 193, 172, .28) !important;
  background: rgba(250, 251, 247, .96) !important;
}
#mobile-menu-panel .mobile-menu-head { background: #eef2e8 !important; }
#mobile-menu-panel .mobile-menu-search { background: #f7f8f3 !important; border-color: rgba(210,193,172,.30) !important; }
#mobile-menu-panel .mobile-menu-search button,
.store-search-modal__submit,
.auth-primary-button,
.btn-primary,
button[type="submit"].bg-sky-500,
button[type="submit"].bg-sky-600 {
  color: var(--palmino-walnut) !important;
  border-color: var(--palmino-primary) !important;
  background: var(--palmino-primary) !important;
  background-image: none !important;
  box-shadow: 0 14px 30px rgba(210, 193, 172, .22) !important;
}
#mobile-menu-panel .mobile-menu-search button:hover,
.store-search-modal__submit:hover,
.auth-primary-button:hover,
.btn-primary:hover { color: #fff !important; background: var(--palmino-walnut) !important; }

.text-sky-500,
.text-sky-600,
.text-sky-700,
.text-blue-500,
.text-blue-600,
.text-cyan-500,
.text-cyan-600,
.text-emerald-500,
.text-emerald-600 { color: var(--palmino-walnut) !important; }
.hover\:text-sky-600:hover,
.hover\:text-sky-700:hover,
.hover\:text-blue-600:hover,
.hover\:text-cyan-600:hover,
.hover\:text-emerald-600:hover { color: var(--palmino-walnut) !important; }

.bg-sky-50,
.bg-blue-50,
.bg-cyan-50,
.bg-emerald-50 { background-color: #f3f6ee !important; }
.bg-sky-100,
.bg-blue-100,
.bg-cyan-100,
.bg-emerald-100 { background-color: var(--palmino-celadon) !important; }
.bg-sky-500,
.bg-sky-600,
.bg-blue-500,
.bg-blue-600,
.bg-cyan-500,
.bg-cyan-600,
.bg-emerald-500,
.bg-emerald-600 { background-color: var(--palmino-primary) !important; }
.hover\:bg-sky-600:hover,
.hover\:bg-sky-700:hover,
.hover\:bg-blue-600:hover,
.hover\:bg-emerald-600:hover { background-color: var(--palmino-walnut) !important; }

.border-sky-100,
.border-sky-200,
.border-blue-100,
.border-blue-200,
.border-cyan-100,
.border-cyan-200,
.border-emerald-100,
.border-emerald-200 { border-color: var(--palmino-sage) !important; }
.border-sky-500,
.border-sky-600,
.border-blue-500,
.border-blue-600,
.focus\:border-sky-500:focus { border-color: var(--palmino-primary) !important; }
.focus\:ring-sky-500:focus,
.focus\:ring-blue-500:focus { --tw-ring-color: rgba(210, 193, 172, .42) !important; }
.focus-visible\:outline-sky-500:focus-visible { outline-color: var(--palmino-primary) !important; }

.from-sky-500,
.from-sky-600,
.from-blue-500,
.from-cyan-500,
.from-emerald-500 { --tw-gradient-from: var(--palmino-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgba(210,193,172,0) var(--tw-gradient-to-position) !important; }
.via-sky-500,
.via-blue-500,
.via-emerald-500 { --tw-gradient-via: var(--palmino-sage) var(--tw-gradient-via-position) !important; }
.to-sky-400,
.to-sky-500,
.to-blue-500,
.to-cyan-400,
.to-emerald-400,
.to-emerald-500 { --tw-gradient-to: var(--palmino-celadon) var(--tw-gradient-to-position) !important; }

.site-location-section { background: #f3f6ee !important; }
.site-location-eyebrow,
.site-location-chip {
  color: var(--palmino-walnut) !important;
  border-color: rgba(210,193,172,.35) !important;
  background: rgba(190,231,184,.36) !important;
}
.site-location-title { color: var(--palmino-walnut) !important; }
.store-search-result:hover { border-color: rgba(210,193,172,.48) !important; }
.store-search-modal__submit { background: var(--palmino-primary) !important; }
.site-location-icon-box,
.cart-badge,
.bottom-nav .cart-badge {
  color: var(--palmino-walnut) !important;
  background: var(--palmino-primary) !important;
}

.bottom-nav {
  --text: #64675f !important;
  --primary: var(--palmino-primary) !important;
  --primary-dark: var(--palmino-walnut) !important;
  border-color: rgba(210,193,172,.26) !important;
  box-shadow: 0 -12px 36px rgba(116,69,6,.10) !important;
}
.bottom-nav .tab-btn.active,
.bottom-nav .tab-btn[aria-current="page"] {
  color: var(--palmino-walnut) !important;
  background: rgba(190,231,184,.34) !important;
}
.bottom-nav .tab-btn.active .tab-btn-icon,
.bottom-nav .tab-btn[aria-current="page"] .tab-btn-icon,
.bottom-nav .tab-btn.active > svg,
.bottom-nav .tab-btn[aria-current="page"] > svg {
  color: #fff !important;
  background: linear-gradient(145deg, var(--palmino-primary), var(--palmino-walnut)) !important;
  box-shadow: 0 12px 24px rgba(116,69,6,.20) !important;
}
.bottom-nav-inner--palmino { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }

footer { background-color: #4c4d3d !important; }
footer > .container > .overflow-hidden { background: #4c4d3d !important; }
footer a:hover { color: var(--palmino-celadon) !important; }

.blog-quick-card { display: none !important; }
.blog-cat-chip__hash { color: var(--palmino-walnut) !important; }
.blog-cat-suggest:hover { border-color: var(--palmino-sage) !important; background: rgba(190,231,184,.28) !important; }

/* The public booking page has been retired for Palmino. */
a[href="/reserve"],
a[href^="/reserve#"],
a[href="/reserve/"] { display: none !important; }

@media (max-width: 767px) {
  .site-glass-header { border-color: rgba(210,193,172,.34) !important; }
  #mobile-menu-panel .mobile-menu-title__icon { color: var(--palmino-walnut) !important; background: rgba(190,231,184,.38) !important; }
}

/* Complete storefront palette override. This stylesheet loads after page-level styles. */
.store-page,
body.store-page,
body.store-page main,
.store-categories,
.store-banners,
.store-story,
.store-why,
#store-blog,
#store-blog-banner,
.store-showcase,
.paddle-type-banners {
  background-color: var(--palmino-surface) !important;
  background-image: none !important;
}

.store-categories__card {
  background: linear-gradient(145deg, #eef2e8, rgba(190, 231, 184, .56)) !important;
  border-color: rgba(210, 193, 172, .28) !important;
  box-shadow: 0 18px 46px rgba(116, 69, 6, .10) !important;
}
.store-categories__card::before {
  background: radial-gradient(circle, rgba(190, 231, 184, .58), rgba(190, 231, 184, 0) 72%) !important;
}
.store-categories__card::after {
  background: radial-gradient(circle, rgba(174, 189, 147, .45), rgba(174, 189, 147, 0) 76%) !important;
}
.store-categories__bubble {
  border-color: rgba(210, 193, 172, .34) !important;
  background: rgba(255, 255, 255, .82) !important;
  box-shadow: 0 12px 28px rgba(116, 69, 6, .11) !important;
}
.store-categories__item:hover .store-categories__bubble {
  border-color: var(--palmino-primary) !important;
  box-shadow: 0 16px 34px rgba(116, 69, 6, .16) !important;
}
.store-categories__name,
.store-categories__header h2 { color: var(--palmino-walnut) !important; }

#paddle-preview .store-showcase__shell,
#accessories-preview .store-showcase__shell,
#life-vest-preview .store-showcase__shell,
#custom-products .store-showcase__shell,
.store-showcase__shell {
  background: linear-gradient(180deg, rgba(190, 231, 184, .60) 0%, rgba(174, 189, 147, .30) 50%, rgba(247, 248, 243, 0) 50%, rgba(247, 248, 243, 0) 100%) !important;
  border-color: rgba(210, 193, 172, .22) !important;
  box-shadow: 0 14px 36px rgba(116, 69, 6, .09) !important;
}
.store-showcase__shell::before,
.store-showcase__shell::after { background-image: none !important; }
.store-showcase__title { color: var(--palmino-walnut) !important; }
.store-showcase__subtitle { color: #62665a !important; }
.store-showcase__cta,
.store-btn--primary,
.store-hero__cta,
.store-showcase__buy,
.store-showcase--paddle .store-showcase__buy,
.store-showcase--latest .store-showcase__buy,
.store-showcase--accessories .store-showcase__buy {
  color: var(--palmino-walnut) !important;
  border-color: var(--palmino-primary) !important;
  background: var(--palmino-primary) !important;
  background-image: none !important;
  box-shadow: 0 12px 26px rgba(116, 69, 6, .18) !important;
}
.store-showcase__cta:hover,
.store-btn--primary:hover,
.store-hero__cta:hover,
.store-showcase__buy:hover,
.store-showcase__card:hover .store-showcase__buy {
  color: #fff !important;
  border-color: var(--palmino-walnut) !important;
  background: var(--palmino-walnut) !important;
}
.store-showcase__nav,
.store-showcase--paddle .store-showcase__nav,
.store-showcase--accessories .store-showcase__nav,
.store-blog__nav {
  color: #fff !important;
  border-color: rgba(116, 69, 6, .30) !important;
  background: linear-gradient(135deg, var(--palmino-primary), var(--palmino-walnut)) !important;
  box-shadow: 0 14px 30px rgba(116, 69, 6, .18) !important;
}
.store-showcase__nav:hover,
.store-showcase--paddle .store-showcase__nav:hover,
.store-showcase--accessories .store-showcase__nav:hover,
.store-blog__nav:hover { background: var(--palmino-walnut) !important; }
.store-showcase__nav[disabled],
.store-blog__nav[disabled] { background: var(--palmino-granite) !important; opacity: .52 !important; }
.store-showcase__card {
  border-color: rgba(210, 193, 172, .18) !important;
  box-shadow: 0 10px 26px rgba(116, 69, 6, .08) !important;
}
.store-showcase__card:hover { border-color: rgba(210, 193, 172, .42) !important; }
.store-paddle-tag,
.store-showcase__price,
.store-card__price { color: var(--palmino-walnut) !important; }

.store-story__card {
  color: var(--palmino-ink) !important;
  border-color: rgba(116, 69, 6, .14) !important;
  background: linear-gradient(135deg, var(--palmino-sage), var(--palmino-celadon)) !important;
}
.store-story__card::before,
.store-story__card::after { border-color: rgba(116, 69, 6, .20) !important; }
.store-story__icon-plain,
.store-story__content h2,
.store-story__eyebrow { color: var(--palmino-walnut) !important; }
.store-story__eyebrow,
.store-story__point {
  color: var(--palmino-walnut) !important;
  border-color: rgba(116, 69, 6, .18) !important;
  background: rgba(255, 255, 255, .38) !important;
}
.store-story__lead { color: rgba(48, 51, 42, .86) !important; }
.store-story__cta {
  color: #fff !important;
  border-color: var(--palmino-walnut) !important;
  background: var(--palmino-walnut) !important;
}
.store-story__cta:hover { color: var(--palmino-walnut) !important; background: var(--palmino-primary) !important; }

#store-blog .glass {
  background: var(--palmino-surface-strong) !important;
  border-color: rgba(210, 193, 172, .22) !important;
}
#store-blog .store-blog__more,
#store-blog .blog-card__cta,
#store-blog .blog-card__meta::before,
#store-blog .store-blog__dots button.is-active {
  color: var(--palmino-walnut) !important;
  background: var(--palmino-primary) !important;
  border-color: var(--palmino-primary) !important;
}
#store-blog .store-blog__more:hover,
#store-blog .blog-card__cta:hover { background: var(--palmino-walnut) !important; }
#store-blog .blog-card__tag { color: var(--palmino-walnut) !important; background: rgba(190, 231, 184, .38) !important; }

#store-blog-banner .store-blog__banner {
  color: #fff !important;
  border-color: rgba(116, 69, 6, .20) !important;
  background: linear-gradient(125deg, var(--palmino-walnut) 0%, var(--palmino-primary) 54%, var(--palmino-sage) 100%) !important;
}
#store-blog-banner .store-blog__banner-title,
#store-blog-banner .store-blog__banner-text { color: #fff !important; }
#store-blog-banner .store-blog__banner-accent { background: var(--palmino-celadon) !important; }
#store-blog-banner .store-blog__banner-cta {
  color: var(--palmino-walnut) !important;
  border-color: rgba(255, 255, 255, .65) !important;
  background: #fff !important;
}
#store-blog-banner .store-blog__banner-cta:hover { color: #fff !important; background: var(--palmino-walnut) !important; }

.store-why__label::before,
.store-blog__dots button.is-active,
.store-hero__dot.is-active { background: var(--palmino-primary) !important; }
.store-why__icon {
  color: var(--palmino-walnut) !important;
  border-color: rgba(210, 193, 172, .28) !important;
  background: linear-gradient(145deg, rgba(190,231,184,.62), rgba(174,189,147,.42)) !important;
}
.store-why__icon svg { color: var(--palmino-walnut) !important; }
.store-why__badge { border-color: rgba(210, 193, 172, .25) !important; background: var(--palmino-surface-strong) !important; }
.paddle-type-banners__item:hover { border-color: var(--palmino-primary) !important; box-shadow: 0 18px 38px rgba(116, 69, 6, .14) !important; }

/* Remaining common blue utility shades used outside the landing page. */
.text-sky-400,.text-sky-800,.text-sky-900,
.text-blue-400,.text-blue-700,.text-blue-800,.text-blue-900,
.text-cyan-400,.text-cyan-700,.text-cyan-800,.text-cyan-900 { color: var(--palmino-walnut) !important; }
.bg-sky-200,.bg-sky-300,.bg-sky-400,.bg-sky-700,.bg-sky-800,.bg-sky-900,
.bg-blue-200,.bg-blue-300,.bg-blue-400,.bg-blue-700,.bg-blue-800,.bg-blue-900,
.bg-cyan-200,.bg-cyan-300,.bg-cyan-400,.bg-cyan-700,.bg-cyan-800,.bg-cyan-900 { background-color: var(--palmino-primary) !important; }
.hover\:bg-sky-500:hover,.hover\:bg-sky-800:hover,.hover\:bg-sky-900:hover,
.hover\:bg-blue-500:hover,.hover\:bg-blue-700:hover,.hover\:bg-blue-800:hover,.hover\:bg-blue-900:hover,
.hover\:bg-cyan-500:hover,.hover\:bg-cyan-700:hover,.hover\:bg-cyan-800:hover { background-color: var(--palmino-walnut) !important; }
.border-sky-300,.border-sky-400,.border-sky-700,.border-sky-800,
.border-blue-300,.border-blue-400,.border-blue-700,.border-blue-800,
.border-cyan-300,.border-cyan-400,.border-cyan-700,.border-cyan-800 { border-color: var(--palmino-primary) !important; }
