/* 由 wp-theme/tools/build_tokens.py 生成，不要手改；换令牌后重跑脚本。
   来源：website-global/handoff/VEAZEN_Global_Website_Design_v2.0.2/01_tokens/veazen.tokens.json（SHA256 前 12 位 11b0be60d5e7）
   补丁：website-global/handoff/correspondence/20261027-designer-round10-reply/01_tokens/veazen.tokens.v2.0.3.patch.json（SHA256 前 12 位 d14771b87873，版本 2.0.3）
   中性色：按令牌原值
*/
:root {
  --vz-color-brand-red: #BC3833;
  --vz-color-brand-red-hover: #A6342F;
  --vz-color-brand-red-pressed: #8D2E2A;
  --vz-color-neutral-0: #FFFFFF;
  --vz-color-neutral-50: #FAFAF9;
  --vz-color-neutral-100: #F1F1EF;
  --vz-color-neutral-200: #E7E7E5;
  --vz-color-neutral-300: #DDDDDA;
  --vz-color-neutral-400: #B8B8B5;
  --vz-color-neutral-500: #92928F;
  --vz-color-neutral-600: #777673;
  --vz-color-neutral-700: #5B5B59;
  --vz-color-neutral-800: #353535;
  --vz-color-neutral-900: #171717;
  --vz-color-neutral-950: #111113;
  --vz-color-text-primary: var(--vz-color-neutral-950);
  --vz-color-text-secondary: var(--vz-color-neutral-800);
  --vz-color-text-muted: var(--vz-color-neutral-700);
  --vz-color-text-inverse: var(--vz-color-neutral-0);
  --vz-color-text-link: var(--vz-color-neutral-900);
  --vz-color-text-on-brand: #FFFFFF;
  --vz-color-surface-page: var(--vz-color-neutral-0);
  --vz-color-surface-subtle: var(--vz-color-neutral-100);
  --vz-color-surface-raised: var(--vz-color-neutral-50);
  --vz-color-surface-dark: var(--vz-color-neutral-950);
  --vz-color-surface-dark-raised: var(--vz-color-neutral-900);
  --vz-color-surface-overlay: #111113;
  --vz-color-border-default: var(--vz-color-neutral-300);
  --vz-color-border-strong: var(--vz-color-neutral-500);
  --vz-color-border-on-dark: var(--vz-color-neutral-700);
  --vz-color-state-success: #236442;
  --vz-color-state-success-bg: #E8F2EB;
  --vz-color-state-warning: #835414;
  --vz-color-state-warning-bg: #FFF1DB;
  --vz-color-state-error: #9E2431;
  --vz-color-state-error-bg: #FFF0F1;
  --vz-color-state-info: #285C85;
  --vz-color-state-info-bg: #E9F2F9;
  --vz-color-focus-on-light: var(--vz-color-brand-red);
  --vz-color-focus-on-dark: var(--vz-color-neutral-100);
  --vz-font-family-zh: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Source Han Sans SC", sans-serif;
  --vz-font-family-latin: "Inter", system-ui, sans-serif;
  --vz-font-family-mono: "JetBrains Mono", ui-monospace, monospace;
  --vz-font-weight-regular: 400;
  --vz-font-weight-medium: 500;
  --vz-font-weight-semibold: 600;
  --vz-font-weight-bold: 700;
  --vz-space-0: 0px;
  --vz-space-4: 4px;
  --vz-space-8: 8px;
  --vz-space-12: 12px;
  --vz-space-16: 16px;
  --vz-space-24: 24px;
  --vz-space-32: 32px;
  --vz-space-48: 48px;
  --vz-space-64: 64px;
  --vz-space-96: 96px;
  --vz-space-128: 128px;
  --vz-space-craft-gap: 28px;
  --vz-radius-none: 0px;
  --vz-radius-sm: 4px;
  --vz-radius-md: 8px;
  --vz-radius-lg: 16px;
  --vz-radius-full: 999px;
  --vz-border-width-hairline: 1px;
  --vz-border-width-default: 1px;
  --vz-border-width-strong: 2px;
  --vz-shadow-overlay: 0px 12px 32px 0px #1A171526;
  --vz-motion-duration-fast: 150ms;
  --vz-motion-duration-base: 200ms;
  --vz-motion-duration-slow: 250ms;
  --vz-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --vz-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
  --vz-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --vz-breakpoint-320: 320px;
  --vz-breakpoint-360: 360px;
  --vz-breakpoint-390: 390px;
  --vz-breakpoint-430: 430px;
  --vz-breakpoint-768: 768px;
  --vz-breakpoint-1024: 1024px;
  --vz-breakpoint-1440: 1440px;
  --vz-breakpoint-1920: 1920px;
  --vz-aspect-ratio-hero-desktop: 16 / 9;
  --vz-aspect-ratio-hero-mobile: 4 / 5;
  --vz-aspect-ratio-card: 4 / 5;
  --vz-aspect-ratio-product: 1 / 1;
  --vz-aspect-ratio-portrait: 3 / 4;
  --vz-aspect-ratio-story: 4 / 3;
  --vz-aspect-ratio-craft-wide: 2 / 1;
  --vz-aspect-ratio-craft: 10 / 7;
  --vz-aspect-ratio-moment: 6 / 7;
  --vz-aspect-ratio-craft-wide-mobile: 7 / 6;
  --vz-aspect-ratio-craft-mobile: 6 / 5;
  --vz-aspect-ratio-moment-mobile: 10 / 9;
  --vz-typography-display-font-family: var(--vz-font-family-zh);
  --vz-typography-display-font-size: 40px;
  --vz-typography-display-font-weight: 700;
  --vz-typography-display-line-height: 1.21;
  --vz-typography-display-letter-spacing: 0em;
  --vz-typography-h1-font-family: var(--vz-font-family-zh);
  --vz-typography-h1-font-size: 34px;
  --vz-typography-h1-font-weight: 700;
  --vz-typography-h1-line-height: 1.29;
  --vz-typography-h1-letter-spacing: 0em;
  --vz-typography-h2-font-family: var(--vz-font-family-zh);
  --vz-typography-h2-font-size: 28px;
  --vz-typography-h2-font-weight: 700;
  --vz-typography-h2-line-height: 1.36;
  --vz-typography-h2-letter-spacing: 0em;
  --vz-typography-h3-font-family: var(--vz-font-family-zh);
  --vz-typography-h3-font-size: 24px;
  --vz-typography-h3-font-weight: 600;
  --vz-typography-h3-line-height: 1.4;
  --vz-typography-h3-letter-spacing: 0em;
  --vz-typography-h4-font-family: var(--vz-font-family-zh);
  --vz-typography-h4-font-size: 20px;
  --vz-typography-h4-font-weight: 600;
  --vz-typography-h4-line-height: 1.45;
  --vz-typography-h4-letter-spacing: 0em;
  --vz-typography-body-lg-font-family: var(--vz-font-family-zh);
  --vz-typography-body-lg-font-size: 18px;
  --vz-typography-body-lg-font-weight: 400;
  --vz-typography-body-lg-line-height: 1.7;
  --vz-typography-body-lg-letter-spacing: 0em;
  --vz-typography-body-font-family: var(--vz-font-family-zh);
  --vz-typography-body-font-size: 16px;
  --vz-typography-body-font-weight: 400;
  --vz-typography-body-line-height: 1.65;
  --vz-typography-body-letter-spacing: 0em;
  --vz-typography-small-font-family: var(--vz-font-family-zh);
  --vz-typography-small-font-size: 14px;
  --vz-typography-small-font-weight: 400;
  --vz-typography-small-line-height: 1.6;
  --vz-typography-small-letter-spacing: 0em;
  --vz-typography-caption-font-family: var(--vz-font-family-zh);
  --vz-typography-caption-font-size: 12px;
  --vz-typography-caption-font-weight: 400;
  --vz-typography-caption-line-height: 1.5;
  --vz-typography-caption-letter-spacing: 0em;
  --vz-typography-label-font-family: var(--vz-font-family-zh);
  --vz-typography-label-font-size: 14px;
  --vz-typography-label-font-weight: 500;
  --vz-typography-label-line-height: 1.5;
  --vz-typography-label-letter-spacing: 0em;
  --vz-typography-button-font-family: var(--vz-font-family-zh);
  --vz-typography-button-font-size: 16px;
  --vz-typography-button-font-weight: 600;
  --vz-typography-button-line-height: 1.4;
  --vz-typography-button-letter-spacing: 0em;
  --vz-typography-overline-font-family: var(--vz-font-family-zh);
  --vz-typography-overline-font-size: 12px;
  --vz-typography-overline-font-weight: 700;
  --vz-typography-overline-line-height: 1.4;
  --vz-typography-overline-letter-spacing: 0em;
  --vz-typography-price-font-family: var(--vz-font-family-latin);
  --vz-typography-price-font-size: 24px;
  --vz-typography-price-font-weight: 700;
  --vz-typography-price-line-height: 1.3;
  --vz-typography-price-letter-spacing: 0em;
  --vz-layout-container: 288px;
  --vz-layout-columns: 2;
  --vz-layout-gutter: 12px;
  --vz-layout-margin: 16px;
}
.vz-t-display{font-family:var(--vz-typography-display-font-family);font-size:var(--vz-typography-display-font-size);font-weight:var(--vz-typography-display-font-weight);line-height:var(--vz-typography-display-line-height);letter-spacing:var(--vz-typography-display-letter-spacing)}
.vz-t-h1{font-family:var(--vz-typography-h1-font-family);font-size:var(--vz-typography-h1-font-size);font-weight:var(--vz-typography-h1-font-weight);line-height:var(--vz-typography-h1-line-height);letter-spacing:var(--vz-typography-h1-letter-spacing)}
.vz-t-h2{font-family:var(--vz-typography-h2-font-family);font-size:var(--vz-typography-h2-font-size);font-weight:var(--vz-typography-h2-font-weight);line-height:var(--vz-typography-h2-line-height);letter-spacing:var(--vz-typography-h2-letter-spacing)}
.vz-t-h3{font-family:var(--vz-typography-h3-font-family);font-size:var(--vz-typography-h3-font-size);font-weight:var(--vz-typography-h3-font-weight);line-height:var(--vz-typography-h3-line-height);letter-spacing:var(--vz-typography-h3-letter-spacing)}
.vz-t-h4{font-family:var(--vz-typography-h4-font-family);font-size:var(--vz-typography-h4-font-size);font-weight:var(--vz-typography-h4-font-weight);line-height:var(--vz-typography-h4-line-height);letter-spacing:var(--vz-typography-h4-letter-spacing)}
.vz-t-body-lg{font-family:var(--vz-typography-body-lg-font-family);font-size:var(--vz-typography-body-lg-font-size);font-weight:var(--vz-typography-body-lg-font-weight);line-height:var(--vz-typography-body-lg-line-height);letter-spacing:var(--vz-typography-body-lg-letter-spacing)}
.vz-t-body{font-family:var(--vz-typography-body-font-family);font-size:var(--vz-typography-body-font-size);font-weight:var(--vz-typography-body-font-weight);line-height:var(--vz-typography-body-line-height);letter-spacing:var(--vz-typography-body-letter-spacing)}
.vz-t-small{font-family:var(--vz-typography-small-font-family);font-size:var(--vz-typography-small-font-size);font-weight:var(--vz-typography-small-font-weight);line-height:var(--vz-typography-small-line-height);letter-spacing:var(--vz-typography-small-letter-spacing)}
.vz-t-caption{font-family:var(--vz-typography-caption-font-family);font-size:var(--vz-typography-caption-font-size);font-weight:var(--vz-typography-caption-font-weight);line-height:var(--vz-typography-caption-line-height);letter-spacing:var(--vz-typography-caption-letter-spacing)}
.vz-t-label{font-family:var(--vz-typography-label-font-family);font-size:var(--vz-typography-label-font-size);font-weight:var(--vz-typography-label-font-weight);line-height:var(--vz-typography-label-line-height);letter-spacing:var(--vz-typography-label-letter-spacing)}
.vz-t-button{font-family:var(--vz-typography-button-font-family);font-size:var(--vz-typography-button-font-size);font-weight:var(--vz-typography-button-font-weight);line-height:var(--vz-typography-button-line-height);letter-spacing:var(--vz-typography-button-letter-spacing)}
.vz-t-overline{font-family:var(--vz-typography-overline-font-family);font-size:var(--vz-typography-overline-font-size);font-weight:var(--vz-typography-overline-font-weight);line-height:var(--vz-typography-overline-line-height);letter-spacing:var(--vz-typography-overline-letter-spacing)}
.vz-t-price{font-family:var(--vz-typography-price-font-family);font-size:var(--vz-typography-price-font-size);font-weight:var(--vz-typography-price-font-weight);line-height:var(--vz-typography-price-line-height);letter-spacing:var(--vz-typography-price-letter-spacing)}
@media (min-width: 360px) {
  :root {
    --vz-layout-container: 328px;
    --vz-layout-columns: 2;
    --vz-layout-gutter: 12px;
    --vz-layout-margin: 16px;
  }
}
@media (min-width: 390px) {
  :root {
    --vz-layout-container: 358px;
    --vz-layout-columns: 2;
    --vz-layout-gutter: 12px;
    --vz-layout-margin: 16px;
  }
}
@media (min-width: 430px) {
  :root {
    --vz-layout-container: 398px;
    --vz-layout-columns: 2;
    --vz-layout-gutter: 12px;
    --vz-layout-margin: 16px;
  }
}
@media (min-width: 768px) {
  :root {
    --vz-typography-display-font-family: var(--vz-font-family-zh);
    --vz-typography-display-font-size: 55px;
    --vz-typography-display-font-weight: 700;
    --vz-typography-display-line-height: 1.17;
    --vz-typography-display-letter-spacing: 0em;
    --vz-typography-h1-font-family: var(--vz-font-family-zh);
    --vz-typography-h1-font-size: 44px;
    --vz-typography-h1-font-weight: 700;
    --vz-typography-h1-line-height: 1.24;
    --vz-typography-h1-letter-spacing: 0em;
    --vz-typography-h2-font-family: var(--vz-font-family-zh);
    --vz-typography-h2-font-size: 36px;
    --vz-typography-h2-font-weight: 700;
    --vz-typography-h2-line-height: 1.3;
    --vz-typography-h2-letter-spacing: 0em;
    --vz-typography-h3-font-family: var(--vz-font-family-zh);
    --vz-typography-h3-font-size: 28px;
    --vz-typography-h3-font-weight: 600;
    --vz-typography-h3-line-height: 1.36;
    --vz-typography-h3-letter-spacing: 0em;
    --vz-typography-h4-font-family: var(--vz-font-family-zh);
    --vz-typography-h4-font-size: 23px;
    --vz-typography-h4-font-weight: 600;
    --vz-typography-h4-line-height: 1.4;
    --vz-typography-h4-letter-spacing: 0em;
    --vz-typography-body-lg-font-family: var(--vz-font-family-zh);
    --vz-typography-body-lg-font-size: 19px;
    --vz-typography-body-lg-font-weight: 400;
    --vz-typography-body-lg-line-height: 1.7;
    --vz-typography-body-lg-letter-spacing: 0em;
    --vz-typography-body-font-family: var(--vz-font-family-zh);
    --vz-typography-body-font-size: 16px;
    --vz-typography-body-font-weight: 400;
    --vz-typography-body-line-height: 1.65;
    --vz-typography-body-letter-spacing: 0em;
    --vz-typography-small-font-family: var(--vz-font-family-zh);
    --vz-typography-small-font-size: 14px;
    --vz-typography-small-font-weight: 400;
    --vz-typography-small-line-height: 1.6;
    --vz-typography-small-letter-spacing: 0em;
    --vz-typography-caption-font-family: var(--vz-font-family-zh);
    --vz-typography-caption-font-size: 12px;
    --vz-typography-caption-font-weight: 400;
    --vz-typography-caption-line-height: 1.5;
    --vz-typography-caption-letter-spacing: 0em;
    --vz-typography-label-font-family: var(--vz-font-family-zh);
    --vz-typography-label-font-size: 14px;
    --vz-typography-label-font-weight: 500;
    --vz-typography-label-line-height: 1.5;
    --vz-typography-label-letter-spacing: 0em;
    --vz-typography-button-font-family: var(--vz-font-family-zh);
    --vz-typography-button-font-size: 16px;
    --vz-typography-button-font-weight: 600;
    --vz-typography-button-line-height: 1.4;
    --vz-typography-button-letter-spacing: 0em;
    --vz-typography-overline-font-family: var(--vz-font-family-zh);
    --vz-typography-overline-font-size: 12px;
    --vz-typography-overline-font-weight: 700;
    --vz-typography-overline-line-height: 1.4;
    --vz-typography-overline-letter-spacing: 0em;
    --vz-typography-price-font-family: var(--vz-font-family-latin);
    --vz-typography-price-font-size: 27px;
    --vz-typography-price-font-weight: 700;
    --vz-typography-price-line-height: 1.3;
    --vz-typography-price-letter-spacing: 0em;
    --vz-layout-container: 720px;
    --vz-layout-columns: 8;
    --vz-layout-gutter: 24px;
    --vz-layout-margin: 24px;
  }
}
@media (min-width: 1024px) {
  :root {
    --vz-typography-display-font-family: var(--vz-font-family-zh);
    --vz-typography-display-font-size: 72px;
    --vz-typography-display-font-weight: 700;
    --vz-typography-display-line-height: 1.13;
    --vz-typography-display-letter-spacing: 0em;
    --vz-typography-h1-font-family: var(--vz-font-family-zh);
    --vz-typography-h1-font-size: 56px;
    --vz-typography-h1-font-weight: 700;
    --vz-typography-h1-line-height: 1.2;
    --vz-typography-h1-letter-spacing: 0em;
    --vz-typography-h2-font-family: var(--vz-font-family-zh);
    --vz-typography-h2-font-size: 42px;
    --vz-typography-h2-font-weight: 700;
    --vz-typography-h2-line-height: 1.27;
    --vz-typography-h2-letter-spacing: 0em;
    --vz-typography-h3-font-family: var(--vz-font-family-zh);
    --vz-typography-h3-font-size: 32px;
    --vz-typography-h3-font-weight: 600;
    --vz-typography-h3-line-height: 1.34;
    --vz-typography-h3-letter-spacing: 0em;
    --vz-typography-h4-font-family: var(--vz-font-family-zh);
    --vz-typography-h4-font-size: 25px;
    --vz-typography-h4-font-weight: 600;
    --vz-typography-h4-line-height: 1.4;
    --vz-typography-h4-letter-spacing: 0em;
    --vz-typography-body-lg-font-family: var(--vz-font-family-zh);
    --vz-typography-body-lg-font-size: 20px;
    --vz-typography-body-lg-font-weight: 400;
    --vz-typography-body-lg-line-height: 1.7;
    --vz-typography-body-lg-letter-spacing: 0em;
    --vz-typography-body-font-family: var(--vz-font-family-zh);
    --vz-typography-body-font-size: 16px;
    --vz-typography-body-font-weight: 400;
    --vz-typography-body-line-height: 1.65;
    --vz-typography-body-letter-spacing: 0em;
    --vz-typography-small-font-family: var(--vz-font-family-zh);
    --vz-typography-small-font-size: 14px;
    --vz-typography-small-font-weight: 400;
    --vz-typography-small-line-height: 1.6;
    --vz-typography-small-letter-spacing: 0em;
    --vz-typography-caption-font-family: var(--vz-font-family-zh);
    --vz-typography-caption-font-size: 12px;
    --vz-typography-caption-font-weight: 400;
    --vz-typography-caption-line-height: 1.5;
    --vz-typography-caption-letter-spacing: 0em;
    --vz-typography-label-font-family: var(--vz-font-family-zh);
    --vz-typography-label-font-size: 14px;
    --vz-typography-label-font-weight: 500;
    --vz-typography-label-line-height: 1.5;
    --vz-typography-label-letter-spacing: 0em;
    --vz-typography-button-font-family: var(--vz-font-family-zh);
    --vz-typography-button-font-size: 16px;
    --vz-typography-button-font-weight: 600;
    --vz-typography-button-line-height: 1.4;
    --vz-typography-button-letter-spacing: 0em;
    --vz-typography-overline-font-family: var(--vz-font-family-zh);
    --vz-typography-overline-font-size: 12px;
    --vz-typography-overline-font-weight: 700;
    --vz-typography-overline-line-height: 1.4;
    --vz-typography-overline-letter-spacing: 0em;
    --vz-typography-price-font-family: var(--vz-font-family-latin);
    --vz-typography-price-font-size: 30px;
    --vz-typography-price-font-weight: 700;
    --vz-typography-price-line-height: 1.3;
    --vz-typography-price-letter-spacing: 0em;
    --vz-layout-container: 976px;
    --vz-layout-columns: 12;
    --vz-layout-gutter: 24px;
    --vz-layout-margin: 24px;
  }
}
@media (min-width: 1440px) {
  :root {
    --vz-layout-container: 1344px;
    --vz-layout-columns: 12;
    --vz-layout-gutter: 24px;
    --vz-layout-margin: 48px;
  }
}
@media (min-width: 1920px) {
  :root {
    --vz-layout-container: 1440px;
    --vz-layout-columns: 12;
    --vz-layout-gutter: 24px;
    --vz-layout-margin: 64px;
  }
}