
:root {
    --spacing-space-0: 0px;
    --spacing-space-4: 4px;
    --spacing-space-8: 8px;
    --spacing-space-12: 12px;
    --spacing-space-16: 16px;
    --spacing-space-24: 24px;
    --spacing-space-32: 32px;
    --spacing-space-48: 48px;
    --spacing-space-64: 64px;
    --spacing-space-80: 80px;
    --spacing-space-96: 96px;
    --spacing-space-128: 128px;
    --spacing-space-160: 160px;
    --spacing-space-180: 180px;
    --radius-none: 0px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-3xl: 32px;
    --radius-4xl: 48px;
    --radius-5xl: 60px;
    --radius-6xl: 64px;
    --radius-full: 9999px;
    --border-none: 0px;
    --border-thin: 1px;
    --border-default: 2px;
    --border-thick: 3px;
    --border-xl: 4px;
    --text-company-name-zh: 某某科技有限公司;
    --text-company-name-en: ABC Technology Co., Ltd.;
    --text-footer-copyright-zh: 版权所有;
    --text-footer-tech-support-zh: 技术支持：润商科技;
    --text-footer-tech-support-en: Powered by RunShang;
    --text-footer-copyright: ©;
    --text-footer-copyright-en: All Rights Reserved;
    --text-footer-icp: 备案号：鲁ICP备xxxxxx号;
    --text-button-view-more-zh: 查看更多;
    --text-button-view-more-en: View More;
    --text-button-contact-zh: 立即咨询;
    --text-button-contact-en: Contact Us;
    --text-button-submit-zh: 提交;
    --text-button-submit-en: Submit;
    --text-button-get-quote-cn: 获取报价;
    --text-button-get-quote-en: Get a Quote;
    --text-nav-home-zh: 首页;
    --text-nav-home-en: Home;
    --text-nav-products-zh: 产品中心;
    --text-nav-products-en: Products;
    --text-nav-about-zh: 关于我们;
    --text-nav-about-en: About Us;
    --text-nav-contact-zh: 联系我们;
    --text-nav-contact-en: Contact Us;
    --blur-none: 0px;
    --blur-sm: 4px;
    --blur-md: 8px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --opacity-0: 0;
    --opacity-20: 0.2;
    --opacity-40: 0.4;
    --opacity-60: 0.6;
    --opacity-80: 0.8;
    --opacity-100: 1;
    --font-size-display-2xl: 120px;
    --font-size-display-xl: 96px;
    --font-size-display-lg: 72px;
    --font-size-hero-xl: 72px;
    --font-size-hero-lg: 64px;
    --font-size-hero-md: 40px;
    --font-size-hero-sm: 36px;
    --font-size-h1-xl: 56px;
    --font-size-h1-lg: 48px;
    --font-size-h1-sm: 44px;
    --font-size-h2-lg: 40px;
    --font-size-h2-sm: 32px;
    --font-size-h3: 24px;
    --font-size-body-xl: 20px;
    --font-size-body-lg: 18px;
    --font-size-body-sm: 16px;
    --font-size-caption: 14px;
    --font-size-button-lg: 18px;
    --font-size-button-sm: 16px;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extra-bold: 800;
    --font-line-height-hero: 1.1;
    --font-line-height-h1-h2: 1.25;
    --font-line-height-h3-h4: 1.4;
    --font-line-height-body: 1.75;
    --font-line-height-compact: 1.6;
    --font-line-height-buttom: 1.5;
    --Primitive-brand-25: #F2F8FF;
    --Primitive-brand-50: #E8F0F8;
    --Primitive-brand-100: #CCE0FF;
    --Primitive-brand-500: #014099;
    --Primitive-accent-25: #FFF7E8;
    --Primitive-brand-600: #00337A;
    --Primitive-accent-50: #FEEBC8;
    --Primitive-accent-100: #FDD59A;
    --Primitive-accent-500: #F0AC3D;
    --Primitive-accent-600: #D68D1A;
    --Primitive-neutral-0: #FFFFFF;
    --Primitive-neutral-50: #F9FAFB;
    --Primitive-neutral-100: #F3F4F6;
    --Primitive-neutral-200: #E5E7EB;
    --Primitive-neutral-300: #D1D5DB;
    --Primitive-neutral-400: #9CA3AF;
    --Primitive-neutral-500: #8A919E;
    --Primitive-neutral-800: #1F2937;
    --Primitive-neutral-900: #111827;
    --Semantic-text-primary: #1E1E1E;
    --Semantic-text-secondary: #6C6C6C;
    --Semantic-text-tertiary: #9E9E9E;
    --Semantic-text-brand: var(--Primitive-brand-500);
    --Semantic-text-accent: var(--Primitive-accent-500);
    --Semantic-text-white: var(--Primitive-neutral-0);
    --Semantic-text-white-40: var(--Primitive-white-white-40);
    --Semantic-text-white-60: var(--Primitive-white-white-60);
    --Semantic-bg-page: var(--Primitive-neutral-0);
    --Semantic-action-bg-brand: var(--Primitive-brand-500);
    --Semantic-bg-surface-light: var(--Primitive-neutral-50);
    --Semantic-action-bg-brand-hover: var(--Primitive-brand-600);
    --Semantic-action-bg-white: var(--Primitive-neutral-0);
    --Semantic-action-bg-white-20: var(--Primitive-white-white-20);
    --Semantic-action-bg-white-60: var(--Primitive-white-white-60);
    --Semantic-action-bg-accent: var(--Primitive-accent-500);
    --Semantic-action-bg-accent-hover: var(--Primitive-accent-600);
    --Semantic-action-bg-transparent: var(--Primitive-white-white-0);
    --Semantic-action-text-brand: var(--Primitive-brand-500);
    --Semantic-action-text-accent: var(--Primitive-accent-500);
    --Semantic-action-text-primary: var(--Semantic-text-primary);
    --Semantic-action-text-secondary: var(--Semantic-text-secondary);
    --Semantic-action-text-white: var(--Primitive-neutral-0);
    --Semantic-action-border-brand: var(--Primitive-brand-500);
    --Semantic-action-border-white: var(--Primitive-neutral-0);
    --Semantic-action-border-white-60: var(--Primitive-white-white-60);
    --Semantic-action-border-light: var(--Primitive-neutral-300);
    --Semantic-action-border-default: var(--Primitive-neutral-400);
    --Semantic-bg-surface: var(--Primitive-neutral-100);
    --Semantic-bg-brand: var(--Primitive-brand-500);
    --Semantic-bg-brand-25: var(--Primitive-brand-25);
    --Semantic-bg-brand-50: var(--Primitive-brand-50);
    --Semantic-bg-brand-100: var(--Primitive-brand-100);
    --Semantic-bg-footer-dark: var(--Primitive-brand-800);
    --Semantic-bg-footer-neutral: var(--Primitive-neutral-900);
    --Semantic-bg-accent: var(--Primitive-accent-500);
    --Semantic-bg-accent-50: var(--Primitive-accent-50);
    --Semantic-bg-accent-100: var(--Primitive-accent-100);
    --Semantic-border-divider: var(--Primitive-neutral-200);
    --Semantic-border-light: var(--Primitive-neutral-300);
    --Semantic-border-default: var(--Primitive-neutral-400);
    --Semantic-border-brand-50: var(--Primitive-brand-50);
    --Semantic-border-dark-subtle: var(--Primitive-white-white-20);
    --Semantic-border-dark-default: var(--Primitive-white-white-40);
    --Semantic-border-dark-strong: var(--Primitive-white-white-60);
    --Primitive-white-white-0: #FFFFFF00;
    --Primitive-black-black-20: #00000033;
    --Primitive-black-black-40: #00000066;
    --Primitive-black-black-60: #00000099;
    --Primitive-black-black-80: #000000CC;
    --Primitive-white-white-20: #FFFFFF33;
    --Primitive-white-white-40: #FFFFFF66;
    --Primitive-white-white-50: #FFFFFF80;
    --Primitive-white-white-60: #FFFFFF99;
    --Primitive-white-white-80: #FFFFFFCC;
    --Primitive-brand-800: #001A3D;
    --Semantic-overlay-light: var(--Primitive-black-black-20);
    --Semantic-overlay-mid: var(--Primitive-black-black-40);
    --Semantic-overlay-default: var(--Primitive-black-black-60);
    --Semantic-overlay-strong: var(--Primitive-black-black-80);
    --Semantic-active-text: var(--Primitive-brand-500);
    --Semantic-active-bg: var(--Primitive-brand-500);
    --Semantic-active-indicator: var(--Primitive-brand-500);
    --Semantic-active-border: var(--Primitive-brand-500);
    --Semantic-active-icon: var(--Primitive-brand-500);
}