:root {
  --brand-cyan: #01e9fd;
  --brand-yellow: #fef966;
  --brand-deep: #006b78;
  --brand-deeper: #00434d;
  --brand-pale: #eafcfd;
  --brand-pale-yellow: #fffce0;
  --forest: var(--brand-deep);
  --forest-deep: var(--brand-deeper);
  --sage: var(--brand-pale);
  --sage-dark: #bfeff2;
  --cream: #f5feff;
  --paper: #ffffff;
  --coral: var(--brand-yellow);
  --coral-deep: #e2d83f;
  --honey: var(--brand-yellow);
  --ink: #17383e;
  --muted: #587278;
  --line: rgba(0, 107, 120, .16);
  --shadow: 0 18px 60px rgba(0, 73, 84, .13);
}

body { background: var(--cream); }
.site-header.scrolled { background: rgba(245, 254, 255, .96); box-shadow: 0 8px 30px rgba(0, 73, 84, .09); }
.brand { min-width: 0; gap: 0; color: var(--brand-deeper); }
.brand-logo { display: block; width: 78px; height: 78px; border-radius: 9px; object-fit: contain; box-shadow: 0 5px 16px rgba(0, 73, 84, .12); }
.footer-brand .brand-logo { width: 118px; height: 118px; }
.nav-links a { color: #42656b; }
.nav-links a:after { background: var(--brand-yellow); }
.nav-links a:hover, .nav-links a.active { color: var(--brand-deep); }
.nav-links { background: rgba(245, 254, 255, .98); }
.nav-links a { border-color: rgba(0, 107, 120, .12); }
.button-dark, .menu-toggle, .nav-links .mobile-nav-cta { background: var(--brand-deep); color: #fff; }
.button-dark:hover, .menu-toggle:hover, .nav-links .mobile-nav-cta:hover { background: var(--brand-deeper); }
.button-coral, .button-honey { background: var(--brand-yellow); color: var(--brand-deeper); box-shadow: 0 9px 20px rgba(0, 107, 120, .14); }
.button-coral:hover, .button-honey:hover { background: #f3eb4d; color: var(--brand-deeper); }
.button-outline { border-color: rgba(0, 107, 120, .25); color: var(--brand-deep); }
.button-outline:hover { background: var(--brand-pale-yellow); }
.button-paper { background: var(--brand-yellow); color: var(--brand-deeper); }
.button-paper:hover { background: #f3eb4d; }
.hero, .shop-section, .testimonial-section { background: var(--cream); }
.hero:before { background: radial-gradient(ellipse at 72% 44%, rgba(1, 233, 253, .13), transparent 42%), linear-gradient(120deg, #f5feff 0%, #effdfe 50%, #ddfbfd 100%); }
.eyebrow { color: #55777c; }
.eyebrow-dot { background: var(--brand-yellow); box-shadow: 0 0 0 5px rgba(254, 249, 102, .38); }
h1, .section-heading h2, .transport-copy h2, .about-copy h2, .cta-copy h2, .contact-heading h2 { color: var(--brand-deeper); }
h1 em, .section-heading h2 em, .about-copy h2 em, .contact-heading h2 em { color: var(--brand-deep); text-decoration: underline; text-decoration-color: var(--brand-yellow); text-decoration-thickness: .12em; text-underline-offset: .1em; }
.transport-copy h2 em, .cta-copy h2 em { color: var(--brand-yellow); text-decoration: none; }
.hero-lead, .text-link, .hero-proof>span:nth-child(2) strong, .hero-sticker strong { color: var(--brand-deep); }
.hero-description, .section-heading>p, .service-card p, .shop-card p { color: #5d777b; }
.text-link:hover span { background: var(--brand-pale-yellow); }
.proof-avatars span { border-color: var(--cream); background: var(--brand-pale); }
.proof-stars, .spark-a, .hero-location span { color: var(--brand-deep); }
.spark-b { color: #d2c42d; }
.hero-sticker>span { background: var(--brand-yellow); color: var(--brand-deeper); }
.art-orbit { border-color: rgba(0, 107, 120, .15); }
.hero-bottom { color: #668187; }
.scroll-line { background: #a9dfe3; }
.hero-location { color: #52747a; }
.trust-strip { background: var(--brand-deep); }
.trust-inner span { color: var(--brand-yellow); }
.trust-inner b { color: rgba(255, 255, 255, .92); }

.service-card { border-color: rgba(0, 107, 120, .11); }
.service-card:hover { border-color: rgba(0, 107, 120, .28); }
.service-featured { background: var(--brand-pale-yellow); }
.coral-icon, .honey-icon { color: var(--brand-deeper); background: var(--brand-yellow); }
.sage-icon, .lilac-icon { color: var(--brand-deep); background: var(--brand-pale); }
.service-icon .bubble { background: #ffffff; }
.card-link { color: var(--brand-deep); }
.card-link span { background: rgba(1, 233, 253, .19); }
.card-link:hover span { background: var(--brand-yellow); }
.mini-checks li { background: var(--brand-pale); color: #42656b; }
.mini-checks li:before { color: var(--brand-deep); }
.tag-list span { background: var(--brand-pale-yellow); color: #625e20; }
.walk-section { background: var(--brand-pale); }
.walk-track:after { background: repeating-linear-gradient(90deg, rgba(0, 107, 120, .2) 0 6px, transparent 6px 13px); }
.walk-paw { color: var(--brand-deep); }
.walk-label { color: #638086; }
.walk-label b { color: #a99c00; }

.transport-section, .cta-card { background: var(--brand-deeper); }
.eyebrow-light { color: #bdeff2; }
.transport-copy h2, .cta-copy h2 { color: #fff; }
.transport-copy>p, .cta-copy>p { color: rgba(255, 255, 255, .82); }
.transport-note span, .journey-foot span+span { color: var(--brand-yellow); }
.journey-card { color: var(--brand-deeper); }
.journey-car { background: var(--brand-pale-yellow); color: var(--brand-deep); }
.journey-step { border-color: #e1f5f6; }
.step-number { color: var(--brand-deep); }
.step-icon { background: var(--brand-pale); color: var(--brand-deep); }

.promotions-section, .about-section, .gallery-section, .cta-section, .contact-section { background: #fff; }
.promo-card { border-color: rgba(0, 107, 120, .12); background: var(--brand-pale); }
.promo-badge { background: var(--brand-pale-yellow); color: #615d1c; }
.promo-stamp { border-color: #a99c00; color: #746b00; }
.bath-art>span { background: var(--brand-yellow); color: var(--brand-deep); }
.bath-art i, .bath-art b, .food-leaf { color: var(--brand-deep); }
.price-row strong, .food-price strong { color: var(--brand-deep); }
.promo-featured { background: var(--brand-deep); }
.popular-tag { background: var(--brand-yellow); color: var(--brand-deeper); }
.light-badge { background: rgba(255, 255, 255, .15); color: var(--brand-yellow); }
.promo-heart, .combo-visual>span:first-child, .combo-visual>span:nth-child(3), .promo-featured .price-row, .promo-featured .price-row strong { color: var(--brand-yellow); }
.combo-ribbon { background: #00545f; color: #c9f6f8; }
.promo-featured .card-kicker { color: #c9f6f8; }
.promo-food { background: var(--brand-pale); }
.green-badge { background: var(--brand-yellow); color: var(--brand-deeper); }
.food-percent { color: var(--brand-deep); }
.food-bag { background: var(--brand-cyan); color: var(--brand-deeper); }
.food-bag i { color: var(--brand-yellow); }
.shop-card { border-color: rgba(0, 107, 120, .12); background: #fff; }
.shop-icon { background: var(--brand-pale); color: var(--brand-deep); }
.food-product, .treat-product, .hygiene-product { background: var(--brand-pale); }
.toy-product, .collar-product, .bed-product { background: var(--brand-pale-yellow); }
.kibble-art span, .kibble-art b, .kibble-art em { background: var(--brand-cyan); }
.kibble-art i { background: var(--brand-yellow); }
.kibble-art:before { background: linear-gradient(135deg, var(--brand-yellow), var(--brand-cyan)); }
.kibble-art:after { color: var(--brand-deeper); }
.treat-art span, .treat-art i { background: var(--brand-cyan); color: var(--brand-deeper); }
.treat-art i { background: var(--brand-yellow); }
.treat-art b { color: var(--brand-deep); }
.toy-art span { border-color: var(--brand-cyan); color: var(--brand-deep); }
.toy-art i { color: var(--brand-deep); }
.collar-art span { border-color: var(--brand-cyan); color: var(--brand-deep); }
.collar-art i { color: #9d9200; }
.bed-art span { border-color: var(--brand-cyan); background: var(--brand-pale); color: #9d9200; }
.bed-art i, .bed-art b { color: var(--brand-deep); }
.hygiene-art span { background: var(--brand-cyan); color: var(--brand-deeper); }
.hygiene-art i { background: var(--brand-yellow); color: var(--brand-deeper); }

.first-visit-section { background: var(--cream); }
.first-visit-card { background: var(--brand-pale); }
.first-visit-copy h2 { color: var(--brand-deeper); }
.first-visit-copy p { color: #45666b; }
.first-visit-copy p strong { color: var(--brand-deep); }
.sun-disc { background: var(--brand-yellow); }
.visit-heart, .about-star, .about-heart { color: var(--brand-deep); }
.discount-sticker { background: var(--brand-deep); color: var(--brand-yellow); border-color: var(--brand-pale); }
.discount-sticker small { color: #d8f6f8; }
.about-circle { background: var(--brand-pale); }
.about-pet-shape { background: var(--brand-yellow); }
.about-mini-badge { background: var(--brand-pale-yellow); color: #5d5a24; }
.about-mini-badge b, .stat-item>strong i, .review-score>span, .quote-top>span:first-child { color: #9d9200; }
.stats-grid, .stat-item { border-color: #d9eff1; }
.testimonial-card { border-color: rgba(0, 107, 120, .12); background: #fff; }
.testimonial-highlight { background: var(--brand-pale); }
.quote-mark { color: #8ccfd5; }
.testimonial-card blockquote { color: #35575d; }
.review-avatar { color: var(--brand-deeper); }
.avatar-peach, .avatar-lilac { background: var(--brand-pale-yellow); }
.avatar-sage { background: var(--brand-pale); }
.review-paw { color: var(--brand-deep); }
.review-foot i { background: #c8eff1; }
.review-foot i:first-child { background: var(--brand-yellow); }

.gallery-item { background: var(--brand-pale); }
.gallery-bath, .gallery-accessories, .gallery-treat { background: var(--brand-pale-yellow); }
.gallery-happy, .gallery-cat, .gallery-team { background: var(--brand-pale); }
.gallery-bath .gallery-sun { background: var(--brand-yellow); }
.gallery-moon { color: #9d9200; }
.gallery-star, .team-spark { color: #9d9200; }
.gallery-collar { border-color: var(--brand-cyan); }
.gallery-collar span, .gallery-treat-heart { color: var(--brand-deep); }
.gallery-bone { color: #bdeff2; }
.team-hands { background: var(--brand-cyan); color: var(--brand-deeper); }

.contact-card { border-color: #d9eff1; background: #fbfeff; }
.contact-icon { background: var(--brand-pale); color: var(--brand-deep); }
.hours-card .contact-icon { background: var(--brand-pale-yellow); color: #7b7100; }
.instagram-icon { background: var(--brand-pale-yellow); color: var(--brand-deep); }
.map-card { background: var(--brand-pale); }
.map-grid-lines { opacity: .24; background-image: linear-gradient(31deg, transparent 47%, #a8dce0 48%, #a8dce0 50%, transparent 51%), linear-gradient(145deg, transparent 46%, #bce9ec 47%, #bce9ec 49%, transparent 50%); }
.map-block, .map-road, .map-place, .map-open { background: #fff; }
.map-road { box-shadow: 0 0 0 1px #bce9ec; }
.map-park { background: #bdf4f7; }
.map-park span, .map-credit { color: #52777d; }
.map-pin { border-color: #fff; background: var(--brand-yellow); }
.map-place strong, .map-open { color: var(--brand-deep); }

.site-footer { background: var(--brand-deeper); }
.footer-brand .brand-logo { box-shadow: 0 8px 22px rgba(0, 0, 0, .18); }
.footer-brand-col>p { color: rgba(255, 255, 255, .8); }
.footer-heart b, .footer-col>strong, .footer-col>a:hover, .footer-bottom b, .mobile-nav-cta b { color: var(--brand-yellow); }
.floating-whatsapp { background: var(--brand-yellow); color: var(--brand-deeper); box-shadow: 0 8px 25px rgba(0, 67, 77, .22); }
.floating-whatsapp svg { fill: var(--brand-deeper); }
.floating-whatsapp>span { background: var(--brand-deeper); }
.back-to-top { border-color: #bce9ec; background: #fff; color: var(--brand-deep); }
.back-to-top:hover { background: var(--brand-pale-yellow); }

@media (max-width: 1100px) {
  .brand-logo { width: 70px; height: 70px; }
}
@media (max-width: 680px) {
  .brand-logo { width: 62px; height: 62px; }
  .footer-brand .brand-logo { width: 100px; height: 100px; }
}