/* Dong Hwa public design tokens — single source for new public styles.
   Reference: approved prototype + feedback 2026-10-01; current VI font request.
   Definitions only: importing this file does not reset approved component layouts. */
:root{
 --dw-font-body:Inter,Arial,sans-serif;
 --dw-font-heading:Marcellus,Georgia,serif;
 --dw-weight-body:400;--dw-weight-label:500;--dw-weight-heading:400;--dw-weight-emphasis:600;
 --dw-size-hero:clamp(36px,3.1vw,46px);
 --dw-size-page:46px;--dw-size-section:34px;--dw-size-block:22px;
 --dw-size-lead:20px;--dw-size-body:16px;--dw-size-product:18px;
 --dw-size-label:14px;--dw-size-control:16px;--dw-size-detail:14px;
 --dw-size-price-card:15px;--dw-size-price-original:13px;
 --dw-size-product-title:40px;
 --dw-size-footer-compact:12px;--dw-size-footer-heading:11px;
 --dw-size-error:13px;--dw-weight-error:400;--dw-size-caption:13px;--dw-size-nav:14px;--dw-size-eyebrow:12px;
 --dw-line-heading:1.25;--dw-line-body:1.65;--dw-line-control:1.5;
 --dw-color-ink:#222222;--dw-color-muted:#767676;
 --dw-color-background:#ffffff;--dw-color-surface:#f3f3f1;
 --dw-color-surface-warm:#faf9f6;--dw-color-border:#dededb;
 --dw-color-action:#252522;--dw-color-action-hover:#444444;
 --dw-color-on-action:#ffffff;--dw-color-focus:#555555;
 --dw-color-error:#b42318;--dw-color-error-bg:#fff4f2;
 --dw-color-success:#2f6548;--dw-color-success-bg:#eef5ef;
 --dw-color-warning:#805b20;--dw-color-warning-bg:#faf4e8;
 --dw-color-info:#365f75;--dw-color-info-bg:#eff4f7;
 --dw-control-height:46px;--dw-quantity-size:40px;--dw-checkbox-size:18px;
 --dw-border-width:1px;--dw-radius-control:0px;--dw-focus-width:2px;
 --dw-space-1:4px;--dw-space-2:8px;--dw-space-3:12px;--dw-space-4:16px;
 --dw-space-5:24px;--dw-space-6:32px;--dw-space-7:48px;--dw-space-8:64px;
 --dw-commerce-width:1280px;--dw-editorial-width:1440px;--dw-reading-width:820px;
}
html:lang(vi){--dw-font-body:Inter,Arial,sans-serif;--dw-font-heading:"Lora",serif}
@media(max-width:760px){:root{--dw-size-product-title:30px}}
:root{--dw-size-card:28px;--dw-size-action:16px;--dw-size-price:26px;--dw-size-commerce-title:var(--dw-size-page)}
@media(max-width:760px){:root{--dw-size-page:34px;--dw-size-section:28px;--dw-size-card:24px;--dw-size-product:16px;--dw-size-action:15px;--dw-size-price:24px;--dw-size-hero:clamp(26px,7vw,32px)}}