:root{--primary-pale: #bfd5d9;--primary-light: #aecfee;--primary-base: #4b7981;--primary-dark: #4b7981;--secondary-pale: rgba(250, 200, 17, .15);--secondary-light: rgba(250, 200, 17, .5);--secondary-base: rgba(250, 200, 17, 1);--secondary-dark: rgba(250, 200, 17, 1);--blue: #aecfee;--pink: #cfaeac;--yellow: #d0b564;--coral: rgba(250, 200, 17, 1);--feedback: #cfaeac;--yes: #009c3d;--not-sure-pale: #f6f1df;--not-sure-light: #e4cf95;--not-sure: #f39325;--no: #e52322;--btn-hover: #f8f1ec;--btn-contained-hover: #ee7a51;--btn-focus: #f8ece4;--btn-contained-focus: #f1916f;--btn-active: #f6e1d6;--btn-contained-active: #f29d7f;--btn-disabled: rgba(250, 200, 17, .15);--btn-disabled-text: #727372}.dark-grey{color:var(--dark-grey)}.primary-base{color:var(--primary-base)}.primary-dark{color:var(--primary-dark)}.secondary-base{color:var(--secondary-base)}.secondary-dark{color:var(--secondary-dark)}