/* v2 integration. Both themes keep exactly the same grid, sizes and spacing. */
html[data-theme="light"] :is(.ym-header,.ym-home-hero,.ym-page-intro,.ym-detail-top,.ym-inquiry-intro,.ym-footer) {
  --ym-bg: #f8fafc; --ym-surface: #fcfdff; --ym-tint: #edf1f5;
  --ym-text: #0b0f19; --ym-muted: #475569; --ym-line: #c4ccd6;
  --ym-input-line: #6b798c; --ym-primary-bg: #0b0f19;
  --ym-primary-text: #f8fafc; --ym-focus: #0b0f19;
}
.ym-page { --ym-emphasis: #c5a065; }
html[data-theme="light"] .ym-page { --ym-emphasis: #0b0f19; }
body.ym-page { font: 16px/1.75 var(--ym-font); color: var(--ym-text); background: var(--ym-bg); }
.ym-page :is(h1,h2,h3,h4,h5,h6,button,input,textarea,select) { font-family: var(--ym-font); }
.ym-page :is(h1,h2,h3) { color: inherit; }
.ym-page a { color: inherit; }
.ym-page .ym-button-primary { color: var(--ym-primary-text); }
.ym-page .ym-button-secondary { color: var(--ym-text); }
.ym-page :is(.ym-metric:first-child dd,.ym-contact-phone) { color: var(--ym-emphasis); }
.ym-theme-toggle { flex: 0 0 44px; color: var(--ym-text); border-color: var(--ym-input-line); }
/* Header controls keep their own palette over Astra's generic hover/focus rules. */
.ym-header :is(.ym-nav-disclosure,.ym-menu-toggle,.ym-theme-toggle) {
  background: transparent; color: var(--ym-text); border-color: var(--ym-input-line);
}
.ym-header :is(.ym-nav-disclosure,.ym-menu-toggle,.ym-theme-toggle):is(:hover,:focus-visible,[aria-expanded="true"]) {
  background: var(--ym-tint); color: var(--ym-text);
}
.ym-page img[src*="wfa-powder"] { border: 1px solid var(--ym-input-line); }
html[data-theme="light"] img[src*="wfa-powder"] { border-color: #6b798c; }
.ym-catalog-intro { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 32px; }
.ym-material-swatches { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; max-width: 470px; width: 100%; justify-self: end; }
.ym-material-swatches a { min-width: 0; display: grid; gap: 10px; font-size: 15px; }
.ym-material-swatches img { width: 100%; height: 98px; object-fit: cover; border: 1px solid var(--ym-input-line); }
.ym-article-preview h3 a { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.ym-form-intro { margin-bottom: 28px; }
.ym-form-summary { margin: 20px 0; }
.ym-form-success { margin-top: 20px; }
.ym-page .ym-check-label { font-weight: 400; }
.ym-page .ym-field-error[hidden] { display: none; }
.ym-page .ym-mobile-actions a:last-of-type { color: var(--ym-navy); }
.ym-page :is(input,textarea,select):focus { border-color: var(--ym-text); }
.ym-page :is(button,input,textarea,select) { box-shadow: none; }
.ym-page .ym-field :is(input,textarea) { background: var(--ym-surface); color: var(--ym-text); }
.ym-page :focus-visible { outline: 3px solid var(--ym-focus); outline-offset: 4px; }
.ym-page .ym-skip:focus { background: var(--ym-primary-bg); color: var(--ym-primary-text); }
.admin-bar .ym-header { top: 32px; }
/* Original second-batch layout, with readable light sections and brand links. */
.yumo-legacy .yumo-page { padding-top: 0; color: #1e293b; --font-sans: var(--ym-font); --font-serif: var(--ym-font); }
.yumo-legacy .yumo-page :is(p,li) { font-size: max(1em,16px); }
.yumo-legacy .yumo-page .yumo-list { color: #334155; }
.yumo-legacy .yumo-page .yumo-list li { color: inherit; }
.yumo-legacy .yumo-page :is(a,.yumo-sidebar-link) { color: #0b0f19; }
.yumo-legacy .yumo-page :is(.yumo-hero,.yumo-about-hero,.yumo-about-values,.yumo-about-cta,.yumo-article-cta) { color: #edf2f8; }
.yumo-legacy .yumo-page :is(.yumo-hero,.yumo-about-hero,.yumo-about-values,.yumo-about-cta,.yumo-article-cta) :is(p,a) { color: #d1dae5; }
.yumo-legacy .yumo-page :is(.btn-secondary,.btn-gold,.yumo-quote-btn) { background: #c5a065; color: #0b0f19; border-color: #c5a065; }
.yumo-legacy .yumo-page :is(.btn-primary,.yumo-primary-btn) { background: #0b0f19; color: #f8fafc; }
.yumo-legacy .yumo-page .btn-outline { background: #0b0f19; color: #f8fafc; border: 1px solid #8f9daf; }
.yumo-legacy .yumo-page :is(.yumo-section-subtitle,.yumo-about-stat-number,.yumo-about-region strong) { color: #765724; }
.yumo-legacy .yumo-page :is(.yumo-hero,.yumo-about-hero,.yumo-about-values,.yumo-about-cta,.yumo-article-cta) .yumo-section-subtitle { color: #c5a065; }
.yumo-legacy .yumo-page .reveal-on-scroll { opacity: 1; transform: none; animation: none; }
.yumo-legacy .yumo-page .yumo-about-hero-bg::after { background: rgba(11,15,25,.85); }
.yumo-legacy .yumo-page :is(.yumo-section,.yumo-knowledge-card,.yumo-sidebar-card,.yumo-feature,.yumo-factory-card) p { color: #475569; }
.yumo-legacy .yumo-page .yumo-hero::before { background: rgba(11,15,25,.85); }
.yumo-legacy .yumo-page .ym-search-result { margin-block: 32px; }
.yumo-legacy .yumo-page :is(.yumo-about-stats,.yumo-about-values) .yumo-about-stat-number { color: #c5a065; }
.yumo-legacy .yumo-page :is(.yumo-article-content,.yumo-knowledge-card,.ym-search-result) a { text-decoration: underline; text-underline-offset: 4px; }
.yumo-legacy .yumo-page :is(input,textarea,select) { background: #fcfdff; color: #0b0f19; border-color: #6b798c; }
@media (max-width: 1279px) { .ym-header-inner { gap: 14px; } }
@media (max-width: 782px) { .admin-bar .ym-header { top: 46px; } }
@media (max-width: 767px) {
  .ym-catalog-intro { grid-template-columns: 1fr; gap: 28px; }
  .ym-material-swatches { justify-self: start; gap: 12px; }
  .ym-material-swatches img { height: 62px; }
  .ym-material-swatches span { font-size: 14px; }
  .ym-header-inner { gap: 8px; }
  .ym-header-actions { gap: 6px; }
  .ym-header .ym-theme-toggle { width: 44px; height: 44px; }
  .yumo-legacy .yumo-page .yumo-container { padding-inline: 20px; }
}
@media (max-width: 374px) { .ym-brand { gap: 5px; } .ym-brand-text strong { font-size: 16px; } }
@media (max-width: 600px) { .admin-bar .ym-header { top: 0; } }

.yumo-legacy .yumo-page ::selection { background: #c5a065; color: #0b0f19; }
.yumo-legacy .yumo-page .yumo-hero-accent { animation: none; background: none; -webkit-text-fill-color: #c5a065; color: #c5a065; }
.yumo-legacy .yumo-page .yumo-article-cta p[style] { color: #cbd5e1 !important; }
.yumo-legacy .yumo-page .yumo-about-image-label { color: #475569; font-size: 15px; }
.yumo-legacy .yumo-page .yumo-article-meta { color: #b9c4d4; font-size: 15px; }
.yumo-legacy .yumo-page .yumo-article-hero .yumo-section-subtitle { color: #c5a065; }
.yumo-legacy .yumo-page .yumo-article-content .yumo-highlight-box :is(p,li,a) { color: #cbd5e1; }
.yumo-legacy .yumo-page .btn-outline:hover { background: #192332; color: #f8fafc; }
.yumo-legacy .yumo-page .yumo-product-card:hover .yumo-card-title { color: #765724; }
.yumo-legacy .yumo-page :is(.btn-primary,.btn-secondary,.btn-outline,.yumo-quote-btn) { white-space: nowrap; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.yumo-legacy .yumo-page :is(.yumo-about-hero,.yumo-hero,.yumo-article-hero,.yumo-about-stats,.yumo-about-values,.yumo-about-cta,.yumo-article-cta,.yumo-highlight-box) { --ym-focus: #c5a065; }