Page Comparison

--hawksearch-color-accent

#119ff7

--hawksearch-color-secondary

#cccccc

--hawksearch-color-secondary-light

#f1f1f1

--hawksearch-color-secondary-dark

#a0a0a0

--hawksearch-color-background

#ffffff

--hawksearch-container-background

var(--color-background)

--hawksearch-container-background--alternate

var(--color-secondary-light)

--hawksearch-container-border

solid 1px var(--color-secondary)

--hawksearch-default-line-height

1.25

--hawksearch-default-font-color

#333333

--hawksearch-default-font-color--inverse

#ffffff

--hawksearch-default-font-family

Arial, sans-serif

--hawksearch-default-font-size

16px

--hawksearch-button-background

var(--color-accent)

--hawksearch-button-border-radius

5px

--hawksearch-button-font-color

#ffffff

--hawksearch-form-element-background

var(--color-background)

--hawksearch-form-element-border

solid 1px var(--color-secondary)

--hawksearch-form-element-border--focus

solid 1px var(--color-accent)

--hawksearch-form-element-border-radius

0

--hawksearch-form-element-placeholder-color

var(--color-secondary-dark)

--hawksearch-margin

32px

--hawksearch-margin-sm

calc(var(--margin) / 2)

--hawksearch-padding

24px

--hawksearch-padding-xs

calc(var(--padding) / 4)

--hawksearch-padding-sm

calc(var(--padding) / 2)

--hawksearch-secondary-font-color

var(--color-secondary-dark)