:root{--accent-color: #81C784;--accent2-color: #388E3C;--accent3-color: #66BB6A;--accent4-color: #A5D6A7;--primary-color: #4CAF50;--dark-text-color: #212121;--gray-text-color: #9E9E9E;--button-padding-x: 16px;--button-padding-y: 8px;--font-family-body: "Nunito", sans-serif;--light-text-color: #FFFFFF;--dark-border-color: #1B5E20;--light-border-color: #E0F2F1;--font-family-heading: "Barlow", sans-serif;--button-rounded-radius: 4px;--dark-background-color: #2E7D32;--light-background-color: #F1F8E9;--medium-background-color: #DCE775;--primary-button-text-color: #FFFFFF;--secondary-button-bg-color: #E8F5E9;--secondary-button-text-color: #4CAF50;--primary-button-hover-bg-color: #45A046;--primary-button-hover-text-color: #FFFFFF;--secondary-button-hover-bg-color: #C8E6C9;--secondary-button-hover-text-color: #4CAF50}body{margin:0;font-family:var(--font-family-body)}#app{font-family:var(--font-family-body)}.hovered-element{outline:#3871E0 dashed 2px}.clicked-element{outline:#3871E0 solid 2px}.clicked-code-section{border:#3B82F6 solid 2px}