:root {
	--background-color: #f4f4f4; /* Light mode background - tachyons near-white */
	--text-color: #515151; /* Light mode text color - tachyons near-white-contrast */
	--link-color: #515151; /* Light mode link color - tachyons near-white-contrast */
}
[data-theme="dark"] {
	--background-color: #111; /* Dark mode background - tachyons near-black */
	--text-color: #a0a0a0; /* Dark mode text color - tachyons near-black-contrast */
	--link-color: #a0a0a0;/* Dark mode link color - tachyons near-black-contrast */
}
body {
	background-color: var(--background-color);
	color: var(--text-color);
	transition: background-color 0.3s, color 0.3s;
}
a {
	color: var(--link-color); /* Links matching text color */
	text-decoration: none; /* Optional: remove underline */
}
.popup-content {
	background-color: var(--background-color);
	color: var(--text-color);
}


/* seagreen / Green */
.cust-seagreen {
    color: #239b60
}

.bg-cust-seagreen {
    background-color: #239b60
}

.cust-seagreen-contrast {
    color: #000000
}

/* mediumseagreen / Fern */
.cust-mediumseagreen {
    color: #5dcd8e
}

.bg-cust-mediumseagreen {
    background-color: #5dcd8e
}

.cust-mediumseagreen-contrast {
    color: #0f301d
}

/* brown / Mahogany */
.cust-brown {
    color: #9b2423
}

.bg-cust-brown {
    background-color: #9b2423
}

.cust-brown-contrast {
    color: #fbefef
}

/* indianred / Mahogany */
.cust-indianred {
    color: #d2564b
}

.bg-cust-indianred {
    background-color: #d2564b
}

.cust-indianred-contrast {
    color: #030303
}

/* steelblue / Midnight Blue */
.cust-steelblue-dark {
    color: #235e9b
}

.bg-cust-steelblue-dark {
    background-color: #235e9b
}

.cust-steelblue-dark-contrast {
    color: #ffffff
}

/* steelblue / Indigo */
.cust-steelblue-light {
    color: #5c8bcc
}

.bg-cust-steelblue-light {
    background-color: #5c8bcc
}

.cust-steelblue-light-contrast {
    color: #000000
}