:root{--hf-red:#f31224;--hf-red-dark:#d90e1e;--hf-graphite:#17181c;--hf-canvas:#f5f6f8;--hf-surface:#ffffff;--hf-muted:#686b73;--hf-border:#e4e6ea;--hf-success:#12805c;--hf-warning:#b66a00;--hf-danger:#bd2c2c;--hf-container:1380px;--od-navy-950:var(--hf-graphite);--od-navy-900:#202228;--od-navy-800:#30333a;--od-navy:#30333a;--od-orange-600:var(--hf-red);--od-orange-500:#ff3344;--od-surface:var(--hf-surface);--od-canvas:var(--hf-canvas);--od-ink:var(--hf-graphite);--od-muted:var(--hf-muted);--od-line:var(--hf-border);--od-border:var(--hf-border);--od-success:var(--hf-success);--od-warning:var(--hf-warning);--od-danger:var(--hf-danger);--od-radius-sm:7px;--od-radius-md:11px;--od-radius-lg:16px;--od-shadow-sm:0 6px 20px rgb(20 22 27/7%);--od-shadow-lg:0 22px 54px rgb(20 22 27/12%);--od-container:var(--hf-container);--brand-primary:var(--hf-red);--brand-primary-hover:var(--hf-red-dark);--brand-dark:var(--hf-graphite);--surface-raised:var(--hf-surface);--surface-subtle:#f1f2f4;--focus-ring:rgb(243 18 36/25%);--motion-fast:140ms;--motion-base:190ms}