:root{--primary-pale: #bfd5d9;--primary-light: #aecfee;--primary-base: #4b7981;--primary-dark: #4b7981;--secondary-pale: #fad5c7;--secondary-light: #ed6f43;--secondary-base: #ed6f43;--secondary-dark: #ed6f43;--blue: #aecfee;--pink: #cfaeac;--yellow: #d0b564;--coral: #ed6a5d;--feedback: #cfaeac;--btn-hover: #f8f1ec;--btn-contained-hover: #ee7a51;--btn-focus: #f8ece4;--btn-contained-focus: #f1916f;--btn-active: #f6e1d6;--btn-contained-active: #f29d7f;--btn-disabled: #f3a58a;--btn-disabled-text: #727372}.white-bg{background-color:var(--white)}.cream-bg{background-color:var(--cream)}.blue-bg{background-color:var(--primary-light)}.mono-pale-bg{background-color:var(--mono-pale)}.light-grey{color:var(--light-grey)}.base-grey{color:var(--base-grey)}.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)}