:root {
  --design-width: 1920;
  --fluid-min-width: 481;
  --fluid-ratio: 1;

  --color-brand-primary: #04469d;
  --color-brand-accent: #b50007;
  --color-brand-accent-hover: #d40008;
  --color-text-primary: #333333;
  --color-text-secondary: #666666;
  --color-text-muted: #999999;
  --color-text-inverse: #ffffff;
  --color-bg-page: #ffffff;
  --color-bg-feature: #04469d;
  --color-bg-footer: #001a3b;
  --color-border-light: #f3f3f3;
  --color-nav-sub-active: #04328d;

  --font-family-base: "Source Han Sans SC", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-family-roboto: "Roboto", "Helvetica Neue", Arial, sans-serif;

  --header-bar-width: 100.625rem;
  --container-width: 106.875rem;
  --container-width-narrow: 100.625rem;
  --header-height: 6.0625rem;
  --header-spacer-height: var(--header-height);
  --header-logo-width: 10.75rem;
  --header-logo-height: 3.5625rem;
  --lang-switch-width: 7rem;
  --banner-height: 54.6875rem;
  --page-banner-height: 15.625rem;
  --catalog-inner-gap: 4.375rem;
  --filter-panel-width: 10.875rem;
  --filter-panel-min-width: 10.875rem;
  --filter-panel-option-height: 2rem;
  --product-table-actions-width: calc(var(--filter-panel-width) - 2px);
  --filter-panel-scroll-max-height: 10.625rem;
  --filter-panel-scroll-scrollbar-width: 0.25rem;
  --filter-panel-scroll-scrollbar-radius: 0.125rem;

  --spacing-section-y: 4.6875rem;
  --spacing-grid-gap: 1.5rem;

  --about-building-width: 60.625rem;
  --about-building-height: 34.1875rem;
  --about-building-radius: 5rem;
  --features-height: 8.75rem;
  --features-divider-height: 3.9375rem;
  --features-icon-width: 2.75rem;
  --features-icon-height: 2.8125rem;
}