/* resources/css/styles.css */
:root {
    --primary-color: #0F766E;  /* Teal-700 */
    --secondary-color: #CCFBF1; /* Teal-100 */
    --white: #ffffff;
    --dark-gray: #333333;
    --light-gray: #f5f5f5;
}

/* Additional Styles */
body {
    background-color: var(--light-gray);
    color: var(--dark-gray);
}

a {
    color: var(--primary-color);
}

button {
    background-color: var(--primary-color);
    color: var(--white);
}

button:hover {
    background-color: var(--secondary-color);
}