/* One button palette for customer controls. Artwork and material swatches keep their own visuals. */
html:has(#oak-storefront-buttons) body{
 --oak-button-light:#edf3e7;
 --oak-button-light-hover:#dce8d4;
 --oak-button-dark:#2d4d39;
 --oak-button-ink:#294b36;
 --oak-button-border:#bdccb5;
}
html:has(#oak-storefront-buttons) body :is(button,
 [role="button"],
 input[type="button"],input[type="submit"],input[type="reset"],
 a:is(.button,.primary-button,.secondary-button,.product-button,.production-button,.uniform-button,.desk-continue,.oak-choice-action,.sword-outline-button,.sword-secondary,.kbar-secondary,.belt-secondary,.oar-secondary,.oar-primary,.thor-secondary,.thor-primary,.rank-primary,.store-product-action,.medal-banner-cta,.hero-cta,.hero-button,.hero-shop-button,.home-hero-cta),
 .rack-choice,.rack-option-button,.rack-star-mounting-choice,
 .non-rating-format label,
 .desk-branch,.desk-item-choice,.path-choice,
 label:is(.wood-choice,.desk-wood-choice,.shadow-stain-choice),
 .coin-options label:has(input[type="radio"]),.coin-options label:has(input[type="checkbox"]),
 .belt-package,.thor-modes label,.sword-kbar-choice label,.sword-kbar-options label,
 .padfolio-layout-choice,.medal-finish-choices label,.plate-finish-choice,.finish-option,.whiskey-option):not(:where([role="radio"],[role="checkbox"],[role="switch"],
 #site-navigation :is(button,a),.rack-heading-actions :is(button,a),.rack-steps button,.breadcrumb-row button,.rack-start-button,.rack-step-actions :is(button,a),.rack-preview-review,.rack-badge-continue button,
 .icon-button,.rack-selected-edit,.rack-preview-award,.rack-award-art,
 .unit-logo-choice,.kbar-logo-choice,.belt-logo-choice,.sword-unit-choice,.sword-artwork-choice,.sword-artwork-preview,.sword-artwork-enlarge,
 .oar-art-card,.thor-art-card,.color-print-choice,.image-choice,.mos-art,
 .danger,.destructive,.destructive-button,[data-variant="destructive"],.cart-remove,
 .hero-carousel-dots button,.medal-box-thumbnail,.product-choice-card,.oak-choice-card)){
 --oak-control-surface:var(--oak-button-light);
 --oak-control-ink:var(--oak-button-ink);
 --oak-control-border:var(--oak-button-border);
 background-color:var(--oak-control-surface)!important;
 background-image:none!important;
 color:var(--oak-control-ink)!important;
 border:1px solid var(--oak-control-border)!important;
 border-radius:8px!important;
 box-shadow:none!important;
 font-family:inherit;
 font-weight:600;
 transition:background-color .15s,color .15s,border-color .15s;
}
html:has(#oak-storefront-buttons) body :is(button,
 [role="button"],
 input[type="button"],input[type="submit"],input[type="reset"],
 a:is(.button,.primary-button,.secondary-button,.product-button,.production-button,.uniform-button,.desk-continue,.oak-choice-action,.sword-outline-button,.sword-secondary,.kbar-secondary,.belt-secondary,.oar-secondary,.oar-primary,.thor-secondary,.thor-primary,.rank-primary,.store-product-action,.medal-banner-cta,.hero-cta,.hero-button,.hero-shop-button,.home-hero-cta),
 .rack-choice,.rack-option-button,.rack-star-mounting-choice,
 .non-rating-format label,
 .desk-branch,.desk-item-choice,.path-choice,
 label:is(.wood-choice,.desk-wood-choice,.shadow-stain-choice),
 .coin-options label:has(input[type="radio"]),.coin-options label:has(input[type="checkbox"]),
 .belt-package,.thor-modes label,.sword-kbar-choice label,.sword-kbar-options label,
 .padfolio-layout-choice,.medal-finish-choices label,.plate-finish-choice,.finish-option,.whiskey-option):not(:where([role="radio"],[role="checkbox"],[role="switch"],
 #site-navigation :is(button,a),.rack-heading-actions :is(button,a),.rack-steps button,.breadcrumb-row button,.rack-start-button,.rack-step-actions :is(button,a),.rack-preview-review,.rack-badge-continue button,
 .icon-button,.rack-selected-edit,.rack-preview-award,.rack-award-art,
 .unit-logo-choice,.kbar-logo-choice,.belt-logo-choice,.sword-unit-choice,.sword-artwork-choice,.sword-artwork-preview,.sword-artwork-enlarge,
 .oar-art-card,.thor-art-card,.color-print-choice,.image-choice,.mos-art,
 .danger,.destructive,.destructive-button,[data-variant="destructive"],.cart-remove,
 .hero-carousel-dots button,.medal-box-thumbnail,.product-choice-card,.oak-choice-card)):hover:not(:disabled):not([aria-disabled="true"]){
 --oak-control-surface:var(--oak-button-light-hover);
 --oak-control-border:#8fa783;
 filter:none;
}
/* State variables only affect controls using the shared palette above. */
html:has(#oak-storefront-buttons) body :is([aria-pressed="true"],[aria-selected="true"],[aria-checked="true"],[aria-current]:not([aria-current="false"]),[aria-expanded="true"],[data-state="checked"],[data-state="active"],[data-state="on"],.selected,.active,.current,.is-selected,.is-active,label:has(> input:checked),label:has(> [role="radio"][data-state="checked"]),label:has(> [role="checkbox"][data-state="checked"]),button:active){
 --oak-control-surface:var(--oak-button-dark)!important;
 --oak-control-ink:#fff!important;
 --oak-control-border:var(--oak-button-dark)!important;
}
html:has(#oak-storefront-buttons) body :is(button,
 [role="button"],
 input[type="button"],input[type="submit"],input[type="reset"],
 a:is(.button,.primary-button,.secondary-button,.product-button,.production-button,.uniform-button,.desk-continue,.oak-choice-action,.sword-outline-button,.sword-secondary,.kbar-secondary,.belt-secondary,.oar-secondary,.oar-primary,.thor-secondary,.thor-primary,.rank-primary,.store-product-action,.medal-banner-cta,.hero-cta,.hero-button,.hero-shop-button,.home-hero-cta),
 .rack-choice,.rack-option-button,.rack-star-mounting-choice,
 .non-rating-format label,
 .desk-branch,.desk-item-choice,.path-choice,
 label:is(.wood-choice,.desk-wood-choice,.shadow-stain-choice),
 .coin-options label:has(input[type="radio"]),.coin-options label:has(input[type="checkbox"]),
 .belt-package,.thor-modes label,.sword-kbar-choice label,.sword-kbar-options label,
 .padfolio-layout-choice,.medal-finish-choices label,.plate-finish-choice,.finish-option,.whiskey-option):not(:where([role="radio"],[role="checkbox"],[role="switch"],
 #site-navigation :is(button,a),.rack-heading-actions :is(button,a),.rack-steps button,.breadcrumb-row button,.rack-start-button,.rack-step-actions :is(button,a),.rack-preview-review,.rack-badge-continue button,
 .icon-button,.rack-selected-edit,.rack-preview-award,.rack-award-art,
 .unit-logo-choice,.kbar-logo-choice,.belt-logo-choice,.sword-unit-choice,.sword-artwork-choice,.sword-artwork-preview,.sword-artwork-enlarge,
 .oar-art-card,.thor-art-card,.color-print-choice,.image-choice,.mos-art,
 .danger,.destructive,.destructive-button,[data-variant="destructive"],.cart-remove,
 .hero-carousel-dots button,.medal-box-thumbnail,.product-choice-card,.oak-choice-card)) :is(strong,small,span,p,svg){color:inherit!important}
html:has(#oak-storefront-buttons) body :is(button,
 [role="button"],
 input[type="button"],input[type="submit"],input[type="reset"],
 a:is(.button,.primary-button,.secondary-button,.product-button,.production-button,.uniform-button,.desk-continue,.oak-choice-action,.sword-outline-button,.sword-secondary,.kbar-secondary,.belt-secondary,.oar-secondary,.oar-primary,.thor-secondary,.thor-primary,.rank-primary,.store-product-action,.medal-banner-cta,.hero-cta,.hero-button,.hero-shop-button,.home-hero-cta),
 .rack-choice,.rack-option-button,.rack-star-mounting-choice,
 .non-rating-format label,
 .desk-branch,.desk-item-choice,.path-choice,
 label:is(.wood-choice,.desk-wood-choice,.shadow-stain-choice),
 .coin-options label:has(input[type="radio"]),.coin-options label:has(input[type="checkbox"]),
 .belt-package,.thor-modes label,.sword-kbar-choice label,.sword-kbar-options label,
 .padfolio-layout-choice,.medal-finish-choices label,.plate-finish-choice,.finish-option,.whiskey-option):not(:where([role="radio"],[role="checkbox"],[role="switch"],
 #site-navigation :is(button,a),.rack-heading-actions :is(button,a),.rack-steps button,.breadcrumb-row button,.rack-start-button,.rack-step-actions :is(button,a),.rack-preview-review,.rack-badge-continue button,
 .icon-button,.rack-selected-edit,.rack-preview-award,.rack-award-art,
 .unit-logo-choice,.kbar-logo-choice,.belt-logo-choice,.sword-unit-choice,.sword-artwork-choice,.sword-artwork-preview,.sword-artwork-enlarge,
 .oar-art-card,.thor-art-card,.color-print-choice,.image-choice,.mos-art,
 .danger,.destructive,.destructive-button,[data-variant="destructive"],.cart-remove,
 .hero-carousel-dots button,.medal-box-thumbnail,.product-choice-card,.oak-choice-card)):is(:focus-visible,:has(input:focus-visible),:has([role="radio"]:focus-visible)){
 outline:2px solid #69865c!important;
 outline-offset:3px;
}
html:has(#oak-storefront-buttons) body :is(button:disabled,[aria-disabled="true"],.unavailable):not(:where(#site-navigation :is(button,a),.rack-heading-actions :is(button,a),.rack-steps button,.breadcrumb-row button,.rack-start-button,.rack-step-actions :is(button,a),.rack-preview-review,.rack-badge-continue button)){
 --oak-control-surface:#f1f4ed!important;
 --oak-control-ink:#718069!important;
 --oak-control-border:#d5ded0!important;
 opacity:.55!important;
 cursor:not-allowed;
}
html:has(#oak-storefront-buttons) body :is(input[type="radio"],input[type="checkbox"]){accent-color:var(--oak-button-dark)}
html:has(#oak-storefront-buttons) body :is(.rack-choice,.rack-option-button,.rack-star-mounting-choice,.desk-branch,.desk-item-choice,.non-rating-format label):is(.selected,:has(input:checked)) input{accent-color:#dce8d4}