$main-theme-color: #99994C;
$body-bg-color: #FFFFFF;
$main-bg-color: #FFFFEA;
$main-text-color: #000000;
$border-color: #99994C;
$secondary-text-color: #444444;
$anchor-color: #444400;
$toast-border: #99994C;
$toast-bg: #444400;
$focus-outline: #99994C;
$compose-background: lighten($main-theme-color, 32%);
@import "_base.scss";

$scrollbar-face: #FFFFEA;
$scrollbar-face-hover: #FFFFEA;
$scrollbar-face-active: #FFFFEA;
$scrollbar-track: #99994C;
@import "_scrollbars.scss";

:root {
	--deemphasized-text-color: #666666;

	/* idea is navbar as Sam's command window */
	--nav-bg: #EAFFFF;
	--nav-border: #88CCCC;
	--nav-active-bg: #9EEEEE;
	--nav-a-selected-bg: #9EEEEE;
	--nav-a-selected-active-bg: #9EEEEE;
	--nav-text-color: #000000;
	--nav-text-color-hover: #000000;
	--nav-a-bg-hover: #9EEEEE;
	--nav-a-selected-border: #88CCCC;
	--nav-a-border-hover: #88CCCC;

	--button-bg: #FFFFD1;
	--button-bg-active: #FFFFE9;
	--button-bg-hover: #FFFFE9;
	--button-primary-bg: #FFFFD1;
	--button-primary-bg-active: #FFFFE9;
	--button-primary-bg-hover: #FFFFE9;

	--settings-list-item-text: #{$anchor-color};
}

a, a.main-nav-link.svelte-my25xk, .settings-list-item {
	text-decoration: underline;
}
a.mention.u-url, a:hover, a:active, ::selection {
	background: #EEEE9E;
}
a.mention.u-url:hover, a.mention.u-url:active {
	background: #444400;
	color: #EEEE9E;
}
a.status-author-name, a.status-header-author {
	text-decoration: none;
	border-bottom: solid 1px #444400;
}

img {
	filter: sepia(100%);
}