:root{--hp-primary:#024ad8;--hp-primary-bright:#296ef9;--hp-primary-deep:#0e3191;--hp-primary-soft:#c9e0fc;--hp-canvas:#ffffff;--hp-cloud:#f7f7f7;--hp-fog:#e8e8e8;--hp-steel:#c2c2c2;--hp-ink:#1a1a1a;--hp-ink-deep:#000000;--hp-charcoal:#3d3d3d;--hp-graphite:#636363;--hp-on-ink:#ffffff;--hp-hairline:#e8e8e8;--hp-hairline-strong:#c2c2c2;--hp-error:#b3262b;--hp-success:#1a7a3f;--hp-warn:#a05c00;--r-none:0px;--r-xs:2px;--r-sm:3px;--r-md:4px;--r-lg:8px;--r-xl:16px;--r-pill:9999px;--shadow-soft:0 2px 8px rgba(26,26,26,0.08);--shadow-float:0 8px 24px rgba(26,26,26,0.12);--sp-xxs:4px;--sp-xs:8px;--sp-sm:12px;--sp-md:16px;--sp-lg:20px;--sp-xl:24px;--sp-xxl:32px}