:root {
    @apply font-sans bg-primary-bg text-primary-text;
    --color-eureka: grey;
    --color-primary-bg: white;
    --color-secondary-bg: white;
    --color-tertiary-bg: #FF7074;
    --color-primary-text: black;
    --color-secondary-text: white;
    --color-tertiary-text: #FF7074;
}

.dark {
    --color-eureka: grey;
    --color-primary-bg: white;
    --color-secondary-bg: white;
    --color-tertiary-bg: #FF7074;
    --color-primary-text: black;
    --color-secondary-text: white;
    --color-tertiary-text: #FF7074;
}

a:hover {
    @apply text-eureka transition duration-300 ease-in-out;
}


table {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

table th {
    background-color: #EA9999;
}

table tr:nth-child(even) {
    background-color: #f2f2f2;
}