/* Canonical Syntetica design tokens. Edit shared/ui only; site copies are generated. */
:root{
 --wpi-font:Inter,ui-sans-serif,system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
 --wpi-heading-font:var(--wpi-font);
 --wpi-bg:#ffffff;--wpi-surface:#ffffff;--wpi-surface-muted:#eaf5ff;
 --wpi-ink:#12384e;--wpi-muted:#355970;--wpi-border:#d2e5f4;
 --wpi-primary:#ffdf3c;--wpi-primary-hover:#f5d224;--wpi-primary-soft:#e1f5ff;--wpi-primary-text:#15384a;
 --wpi-link:#0871b2;--wpi-focus:#0877b9;
 --wpi-success:#2e6444;--wpi-success-bg:#edf4ec;
 --wpi-warning:#855919;--wpi-warning-bg:#fff5da;--wpi-warning-border:#e7d5a4;
 --wpi-danger:#a33d32;--wpi-danger-bg:#fff0ec;--wpi-info:#6e5b22;--wpi-info-bg:#fbf3d5;
 --wpi-space-1:4px;--wpi-space-2:8px;--wpi-space-3:12px;--wpi-space-4:16px;
 --wpi-space-5:24px;--wpi-space-6:32px;--wpi-space-7:48px;--wpi-space-8:64px;--wpi-space-9:96px;
 --wpi-container:1200px;--wpi-content:1040px;--wpi-auth-card:600px;--wpi-page-pad:24px;
 --wpi-card-pad:28px;--wpi-gap:24px;--wpi-radius:20px;--wpi-radius-sm:12px;
 --wpi-font-size:16px;--wpi-font-small:14px;--wpi-line-height:1.7;--wpi-control-height:46px;
 --wpi-heading-size:clamp(26px,2.5vw,32px);--wpi-hero-size:clamp(38px,5.4vw,72px);
 --wpi-shadow:0 4px 0 #dfebf3;
}
@media(max-width:720px){:root{--wpi-page-pad:18px;--wpi-card-pad:20px;--wpi-gap:16px;--wpi-space-9:56px}}

/* Semantic typography: shared by website, operator and end-user surfaces. */
:root{
 --wpi-type-page:clamp(28px,2.4vw,36px);--wpi-type-section:clamp(22px,1.8vw,26px);
 --wpi-type-subheading:18px;--wpi-type-body:16px;--wpi-type-caption:14px;
 --wpi-type-nav:clamp(14px,1.1vw,16px);--wpi-type-eyebrow:12px;
 --wpi-leading-heading:1.35;--wpi-leading-body:1.8;--wpi-leading-caption:1.7;
}
@media(max-width:600px){:root{--wpi-type-section:22px;--wpi-type-subheading:17px;--wpi-type-body:15px;--wpi-type-caption:13px;--wpi-type-nav:14px}}