:root { --accent-color: #FF6347; --accent2-color: #FFA500; --accent3-color: #32CD32; --accent4-color: #BA55D3; --primary-color: #4682B4; --dark-text-color: #333333; --gray-text-color: #7C7C7C; --button-padding-x: 12px; --button-padding-y: 8px; --font-family-body: Karla, sans-serif; --light-text-color: #FAFAFA; --dark-border-color: #3C3C3C; --light-border-color: #D8D8D8; --font-family-heading: Poppins, sans-serif; --button-rounded-radius: 8px; --dark-background-color: #1F2933; --light-background-color: #E8F1FA; --medium-background-color: #CBDDE6; --primary-button-text-color: #FFFFFF; --secondary-button-bg-color: #D3D3D3; --secondary-button-text-color: #000000; --primary-button-hover-bg-color: #285880; --primary-button-hover-text-color: #E0F2FF; --secondary-button-hover-bg-color: #A9A9A9; --secondary-button-hover-text-color: #1A1A1A; }