/* Customer-only color layer. Geometry and imagery stay in existing stylesheets. */
:root{--ink:#191f28;--muted:#6b7684;--paper:#fff;--surface:#fff;--warm:#f4f5f7;--wash:#eef0f3;--canvas:#f4f5f7;--line:#e5e8eb;--line-strong:#cbd2da;--accent:#2563eb;--accent-dark:#1d4ed8;--accent-soft:#e8f3ff;--olive:#4e5968;--button-gray:#eef0f3}
body :focus-visible{outline-color:var(--accent)}
body button:hover{background-color:var(--button-gray)}
body .button.dark,body .primary,body .primary-button,body .field-action button,body .business-hero .button.dark,body .detail-hero.compact-family-hero .button{background:var(--accent);border-color:var(--accent);color:#fff}
body .button.dark:hover,body .primary:hover:not(:disabled),body .primary-button:hover,body .field-action button:hover,body .business-hero .button.dark:hover,body .detail-hero.compact-family-hero .button:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff;opacity:1}
body .button.outline,body .button.light,body .business-hero .button.outline,body .result-secondary{background:var(--accent-soft);border-color:#bfdbfe;color:#1d4ed8}
body .button.outline:hover,body .button.light:hover,body .business-hero .button.outline:hover,body .result-secondary:hover{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8;opacity:1}
body .drop-select{background:var(--accent);border-color:var(--accent);color:#fff}
body .drop-select:hover{background:var(--accent-dark);opacity:1}
body .product-colors button,body .option-buttons button,body .stepper button,body .home-reviews-controls button{background:var(--button-gray);border-color:var(--line-strong);color:#4e5968}
body .product-colors button:hover,body .option-buttons button:hover,body .stepper button:hover,body .home-reviews-controls button:hover{background:#e2e6eb;color:var(--ink)}
body .product-colors button.active,body .option-buttons button.active,body .drop-weight-options a[aria-current],body .choice.selected,body .buyer-choice.active{background:var(--accent-soft);border-color:var(--accent);color:#1d4ed8}
body .filters button.active,body .method-tabs button.active{color:#1d4ed8;border-bottom-color:var(--accent)}
body .bundle-upgrade button{background:var(--accent-soft);border-color:#bfdbfe;color:#1d4ed8}
body .secondary-action,body .member-actions button,body .actions button,body .more-button,body #lookup-reset,body #my-review-more,body .utility-button.subtle,body #copy-order-number,body #result-receipt{background:var(--button-gray);border-color:var(--line-strong);color:#4e5968}
body .biz-nav .nav-quote{background:var(--accent);border-color:var(--accent);color:#fff}
body .button:disabled,body button:disabled{background:var(--button-gray);border-color:var(--line);color:#8b95a1}
body .header{background:#fff}
body .topline{background:var(--accent-soft);color:#1d4ed8}
body .hero,body .b2b,body .launch-image,body .home-review-photo,body .auth-story{background:var(--warm)}
body.home-page .hero,body.home-page .home-reviews{background:#fff}
body.home-page .hero-copy{background:transparent}
body.home-page #honesty{background:var(--warm);box-shadow:0 0 0 100vmax var(--warm);clip-path:inset(0 -100vmax)}
/* Reveal the neutral canvas behind the desktop copy without recoloring towels. */
body .hero>img{mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.04) 22%,rgba(0,0,0,.35) 40%,rgba(0,0,0,.8) 56%,#000 72%)}
body .hero-copy>p:not(.eyebrow):not(.hero-note),body .hero .hero-note{color:var(--muted)}
/* The supplied lettering is black; only its cream paper tint is neutralized. */
body :is(.header,.footer) .slogan-window img{filter:grayscale(1)}
body .footer,body .intro-strip,body .detail-tabs,body .mobile-buy{background:#fff}
body .b2b p,body .hero-copy>p:not(.eyebrow),body .hero-bottom,body .launch-copy .eyebrow,body #launch-description,body .launch-copy .launch-note,body .drop-stock,body .auth-story>div>p:last-child,body .story-note{color:var(--muted)}
body .drop-stock.stock-notice,body .drop-stock.stock-low{color:#1d4ed8}
body .drop-launch{background:#fff}
body .launch-close{background:#f4f5f7;color:#4e5968}
body .launch-close:hover{background:#e5e8eb;color:var(--ink)}
body .brand-slogan{border-left-color:var(--line-strong)}
body .drop-comparison td:last-child,body .drop-comparison th:last-child{background:var(--warm)}
body .auth-story:after{color:#e5e8eb}
body .home-reviews-rail{scrollbar-color:#b0b8c1 transparent}
body .auth-card .social-button.kakao{background:#fee500;border-color:#fee500;color:#181600}
body .auth-card .social-button.naver{background:#03c75a;border-color:#03c75a;color:#fff}
/* Business pages keep their existing layout and dark hero image treatment. */
body .family-copy,body .comparison,body .catalog,body .uses,body .standard-card,body .standard-card-image,body .product-detail-image,body .family-card .family-image,body .family-card.family-mix .family-image,body .family-card.family-utility .family-image{background:var(--warm)}
body .family-card .family-copy{background:#fff}
body .comparison td:last-child,body .comparison th:last-child{background:#e5e8eb}
body .family-card .tags span,body .product-badges span{border-color:var(--line-strong)}
body .family-card .family-copy .eyebrow,body .family-card .family-image span,body .product-use{color:var(--muted)}
body .family-card-cta,body .product-link{color:#1d4ed8}
body .wholesale-banner p:not(.eyebrow),body .expect>p{color:#f2f4f6}
@media(max-width:700px){body .hero>img{mask-image:linear-gradient(to bottom,transparent 0%,transparent 20%,rgba(0,0,0,.35) 40%,#000 65%)}}

/* Footer alignment repair: anchors and buttons share one line box. */
.footer-top{align-items:flex-start}
.footer-links{align-items:center;align-content:flex-start;justify-content:flex-end;row-gap:12px}
.footer-links a,.footer-links button{display:inline-flex;align-items:center;min-height:32px;line-height:1.5;white-space:nowrap;margin:0}
@media(max-width:700px){.footer-links{justify-content:flex-start}}