/* Friendly Blue: cool white 65%, soft blue 15%, blue 10%, yellow 5%,
   navy 3%, muted gray 2%. Visual balance targets, not pixel quotas. */
:root {
  --pl-white: #F8FAFC;
  --pl-soft-blue: #E6EFFA;
  --pl-blue: #276FBF;
  --pl-yellow: #FFB703;
  --pl-ink: #1F2937;
  --pl-muted: #667085;
  --pl-purple: var(--pl-blue);
  --pl-orange: var(--pl-blue);
  --pl-lavender: var(--pl-soft-blue);
  --pl-cream: var(--pl-white);
  --ast-global-color-0: #276FBF;
  --ast-global-color-1: #1F5C9F;
  --ast-global-color-2: #1F2937;
  --ast-global-color-3: #667085;
  --ast-global-color-4: #F8FAFC;
  --ast-global-color-5: #F8FAFC;
  --ast-global-color-6: #E6EFFA;
  --ast-global-color-7: #FFB703;
  --ast-global-color-8: #1F2937;
}
body.petlino-theme { background: var(--pl-white); color: var(--pl-ink); }
.pl-header { background: var(--pl-white); border-color: var(--pl-soft-blue); }
.pl-mark { background: var(--pl-blue); color: var(--pl-white); }
.pl-search { background: var(--pl-soft-blue); }
.pl-search input::placeholder, .petlino-theme input::placeholder { color: var(--pl-muted); opacity: 1; }
.pl-cart span { background: var(--pl-yellow); color: var(--pl-ink); }
.pl-mobile-menu nav { background: var(--pl-white); box-shadow: 0 15px 45px #276fbf22; }
.pl-mobile-menu nav a:hover, .pl-mobile-menu nav a:focus-visible { background: var(--pl-soft-blue); border-radius: 9px; }
.pl-nav a[aria-current="page"] { color: var(--pl-blue); }
.pl-hero { background: linear-gradient(112deg, #F8FAFC 20%, #F8FAFC 55%, #E6EFFA 100%); }
.pl-hero h1 em { background: none; color: var(--pl-blue); -webkit-text-fill-color: var(--pl-blue); }
.pl-hero-art::before { background: var(--pl-soft-blue); }
.pl-hero-art img { filter: drop-shadow(0 10px 6px #1f293712); }
.pl-doodle-one, .pl-banner-spark { color: var(--pl-yellow); }
.pl-hero-note, .pl-promo p, .pl-guide p { color: var(--pl-muted); }
.pl-hero-note .pl-icon { color: var(--pl-blue); }
.pl-button { background: var(--pl-blue); border-color: var(--pl-blue); color: var(--pl-white) !important; }
.pl-button:hover, .pl-button-purple:hover { background: #1F5C9F; border-color: #1F5C9F; }
.pl-button-ghost { background: transparent; border-color: var(--pl-blue); color: var(--pl-blue) !important; }
.pl-button-ghost:hover { background: var(--pl-soft-blue); border-color: var(--pl-blue); }
.pl-bed, .pl-food, .pl-toy { background: linear-gradient(145deg, #F8FAFC, #E6EFFA); }
.pl-round { background: var(--pl-white); color: var(--pl-blue); }
.pl-food .pl-round, .pl-toy .pl-round { color: var(--pl-blue); }
.pl-category, .pl-category:nth-child(3n), .pl-category:nth-child(4n) { background: var(--pl-soft-blue); }
.pl-category:hover { box-shadow: 0 8px 20px #276fbf18; background: #D9E8F8; }
.pl-category-art > .pl-icon { color: var(--pl-blue); filter: drop-shadow(3px 6px 0 #276fbf17); }
.pl-values { background: var(--pl-white); border: 1px solid var(--pl-soft-blue); }
.pl-values > div { border-color: var(--pl-soft-blue); }
.pl-value-icon, .pl-values > div:nth-child(2) .pl-value-icon { color: var(--pl-blue); background: var(--pl-soft-blue); }
.pl-play-banner, .pl-cozy-banner { background: linear-gradient(115deg, #F8FAFC, #E6EFFA); }
.pl-section-heading h2::after { background: var(--pl-yellow); }
.pl-coming { background: var(--pl-white); border-color: #BED4ED; }
.pl-coming-icon { background: var(--pl-soft-blue); }
.pl-guide, .pl-guide:nth-child(2), .pl-guide:nth-child(3) { background: var(--pl-white); border-color: var(--pl-soft-blue); }
.pl-guide-number { display: inline-block; background: var(--pl-soft-blue); padding: 3px 10px; border-radius: 20px; }
.pl-footer { border-color: var(--pl-soft-blue); }
.pl-footer-note .pl-icon { color: var(--pl-blue); }
.pl-skip { background: var(--pl-white); }
.petlino-theme .woocommerce ul.products li.product { background: var(--pl-white); border: 1px solid var(--pl-soft-blue); }
.petlino-theme .woocommerce ul.products li.product .price { color: var(--pl-blue); }
.petlino-theme .woocommerce ul.products li.product .button,
.petlino-theme .woocommerce a.button,
.petlino-theme .woocommerce button.button { background: var(--pl-blue); color: var(--pl-white); }
.petlino-theme .woocommerce ul.products li.product .button:hover,
.petlino-theme .woocommerce a.button:hover,
.petlino-theme .woocommerce button.button:hover { background: #1F5C9F; }
.petlino-theme .woocommerce span.onsale { background: var(--pl-yellow); color: var(--pl-ink); }
.petlino-theme .woocommerce-message, .petlino-theme .woocommerce-info { background: var(--pl-soft-blue); color: var(--pl-ink); border-top-color: var(--pl-blue); }
.petlino-theme #ast-scroll-top { background: var(--pl-blue); color: var(--pl-white); }