:root {
    /* Typography */
    --font-family-base: "Inter Tight", "PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans SC", ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
    --font-family-ui: "Inter Tight", "PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans SC", ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
    --font-family-design-sans: "Inter Tight", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-family-brand: "Fraunces", "Times New Roman", Georgia, serif;
    --font-family-accent: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    --font-family-serif: "Fraunces", "Times New Roman", Georgia, serif;

    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-heavy: 700;

    --font-size-2xs: 12px;
    --font-size-xs: 13px;
    --font-size-sm: 14px;
    --font-size-md: 15px;
    --font-size-base: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 20px;
    --font-size-2xl: 24px;
    --font-size-3xl: 32px;
    --font-size-4xl: 40px;
    --font-size-5xl: 48px;
    --font-size-display: 76px;

    --line-height-flat: 1;
    --line-height-tight: 1.08;
    --line-height-heading: 1.18;
    --line-height-snug: 1.24;
    --line-height-base: 1.45;
    --line-height-relaxed: 1.6;
    --line-height-loose: 1.7;

    --letter-spacing-tight: -0.025em;
    --letter-spacing-base: 0;
    --letter-spacing-wide: 0.02em;
    --letter-spacing-wider: 0.08em;
    --letter-spacing-eyebrow: 0.08em;
    --letter-spacing-brand: -0.02em;
    --letter-spacing-brand-lg: -0.02em;
    --letter-spacing-brand-xl: 0.14em;

    /* Spacing */
    --space-0: 0;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 28px;
    --space-8: 32px;
    --space-9: 40px;
    --space-10: 48px;
    --space-11: 56px;
    --space-12: 64px;
    --space-13: 80px;
    --space-14: 96px;

    /* Radii */
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 20px;
    --radius-hero: 20px;
    --radius-pill: 999px;

    /* Borders */
    --border-width-thin: 1px;
    --border-width-medium: 1px;
    --border-width-strong: 2px;

    /* Layout / sizing */
    --nav-height: 64px;
    --page-footer-height: 120px;
    --container-main: 1200px;
    --page-gutter: 32px;
    --shell-max-width: 1264px;
    --side-nav-width: 260px;
    --panel-gap: 28px;

    --logo-width: 252px;
    --nav-button-width: auto;
    --dropdown-width: 220px;
    --language-icon-sm: 10px;
    --language-icon-md: 18px;

    --control-height-xs: 28px;
    --control-height-sm: 36px;
    --control-height-md: 44px;
    --control-height-lg: 52px;
    --control-height-nav: 64px;

    --hero-card-min-height: 152px;
    --hero-image-width: 182px;
    --hero-panel-padding-x: 0;
    --hero-panel-padding-top: 0;
    --hero-panel-padding-bottom: 0;

    /* Emphasis elements */
    --accent-line-width-sm: 36px;
    --accent-line-width-md: 56px;
    --accent-line-height-sm: 3px;
    --accent-line-height-md: 4px;
    --accent-underline-thickness: 2px;
    --accent-pill-padding-y: 8px;
    --accent-pill-padding-x: 12px;

    /* Motion */
    --duration-fast: 120ms;
    --duration-base: 200ms;
    --duration-slow: 320ms;
    --ease-standard: cubic-bezier(0.2, 0, 0, 1);

    /* Elevation */
    --elevation-soft: 0 1px 2px rgba(14, 17, 23, 0.06), 0 1px 1px rgba(14, 17, 23, 0.04);
    --elevation-card: 0 4px 12px rgba(14, 17, 23, 0.06), 0 2px 4px rgba(14, 17, 23, 0.04);
    --elevation-panel: 0 12px 32px rgba(14, 17, 23, 0.08), 0 4px 8px rgba(14, 17, 23, 0.04);
    --elevation-lift: 0 24px 56px rgba(14, 17, 23, 0.12), 0 8px 16px rgba(14, 17, 23, 0.06);

    /* Design-system aliases */
    --font-sans: var(--font-family-design-sans);
    --font-brand: var(--font-family-brand);
    --font-mono: var(--font-family-accent);
    --fs-11: 0.6875rem;
    --fs-12: 0.75rem;
    --fs-13: 0.8125rem;
    --fs-14: 0.875rem;
    --fs-15: 0.9375rem;
    --fs-16: 1rem;
    --fs-18: 1.125rem;
    --fs-20: 1.25rem;
    --fs-24: 1.5rem;
    --fs-28: 1.75rem;
    --fs-32: 2rem;
    --fs-40: 2.5rem;
    --fs-48: 3rem;
    --fs-56: 3.5rem;
    --fs-64: 4rem;
    --fs-80: 5rem;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --lh-tight: 1.08;
    --lh-snug: 1.2;
    --lh-normal: 1.45;
    --lh-relaxed: 1.6;
    --tr-tight: -0.025em;
    --tr-snug: -0.015em;
    --tr-normal: 0;
    --tr-wide: 0.02em;
    --tr-wider: 0.08em;
    --sp-0: 0;
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 20px;
    --sp-6: 24px;
    --sp-8: 32px;
    --sp-10: 40px;
    --sp-12: 48px;
    --sp-16: 64px;
    --sp-20: 80px;
    --sp-24: 96px;
    --sp-32: 128px;
    --rad-xs: 4px;
    --rad-sm: 6px;
    --rad-md: 10px;
    --rad-lg: 14px;
    --rad-xl: 20px;
    --rad-2xl: 28px;
    --rad-pill: 999px;
    --orange-50: #FFF4EC;
    --orange-100: #FFE4CF;
    --orange-200: #FFC79A;
    --orange-300: #FFA461;
    --orange-400: #FF8533;
    --orange-500: #F26419;
    --orange-600: #D94E0D;
    --orange-700: #B03B06;
    --orange-800: #7A2A05;
    --orange-900: #4A1B04;
    --ink-50: #F6F7F9;
    --ink-100: #ECEEF2;
    --ink-200: #DCDFE6;
    --ink-300: #BFC4CF;
    --ink-400: #8B93A3;
    --ink-500: #5E6675;
    --ink-600: #3F4553;
    --ink-700: #2A2F3A;
    --ink-800: #181C24;
    --ink-900: #0E1117;
    --ink-950: #06080C;
    --fg: var(--ink-900);
    --fg-muted: var(--ink-500);
    --fg-subtle: var(--ink-400);
    --border: var(--ink-200);
    --border-strong: var(--ink-300);
    --border-focus: var(--orange-500);
    --bg: #FFFFFF;
    --bg-muted: var(--ink-50);
    --bg-raised: #FFFFFF;
    --bg-inverse: var(--ink-900);
    --fg-inverse: #FFFFFF;
    --accent: var(--orange-500);
    --accent-hover: var(--orange-600);
    --accent-press: var(--orange-700);
    --accent-fg: #FFFFFF;
    --shadow-xs: 0 1px 1px rgba(14,17,23,0.04);
    --shadow-sm: 0 1px 2px rgba(14,17,23,0.06), 0 1px 1px rgba(14,17,23,0.04);
    --shadow-md: 0 4px 12px rgba(14,17,23,0.06), 0 2px 4px rgba(14,17,23,0.04);
    --shadow-lg: 0 12px 32px rgba(14,17,23,0.08), 0 4px 8px rgba(14,17,23,0.04);
    --shadow-xl: 0 24px 56px rgba(14,17,23,0.12), 0 8px 16px rgba(14,17,23,0.06);
    --shadow-focus: 0 0 0 3px rgba(242,100,25,0.28);
    --dur-fast: 120ms;
    --dur-base: 200ms;
    --dur-slow: 320ms;
    --ease-emphatic: cubic-bezier(0.2, 0.0, 0.1, 1.2);
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --container: 1200px;
    --container-narrow: 880px;
    --shadow-card: var(--elevation-card);
    --shadow-panel: var(--elevation-panel);
}
