@import "theme-codeberg-dark.css";

@font-face {
	font-family: CascadiaCode;
	src: url(/assets/font/CascadiaCode.woff2);
}

:root {
	/* --color-primary: oklch(0.8 0.1141 199.49); */
	--color-nav-hover-bg: oklch(0.4127 0.051 292.2);
	--fonts-monospace: CascadiaCode !important;
}

.following.bar,
#navbar {
	background-color: oklch(0.6398 0.1141 292.2);
}

#navbar .ui.secondary.menu .dropdown.item:hover {
	background: oklch(0.4127 0.051 292.2);
}

#navbar .ui.secondary.menu .active.item {
	background: oklch(0.25 0.049 292.2) !important;
}

.flex-item .flex-item-leading,
.flex-item .flex-item-title {
	color: #b09cfd;
}

a,
a:hover,
a.suppressed:hover,
a.muted:hover,
a.muted:hover [class*=color-text],
.muted-links a:hover,
.ui.cards>.card>.extra a:not(.ui):hover,
.ui.card>.extra a:not(.ui):hover {
	color: oklch(0.8 0.1141 199.49);
}

.text.primary,
.flex-item-title .muted,
.flex-item a:not(.label, .button):hover {
	color: oklch(0.8 0.1141 199.49) !important;
}

/* .ui.tabular.menu .active.item {
	background: var(--color-body) !important;
	border-color: var(--color-secondary) !important;
	border-style: solid;
	border-width: 1px 1px 0;
	padding: 10px 12px 13px !important;
}

.ui.tabular.menu .active.item::after {
	display: block;
	margin: 0;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: var(--color-body) !important;
	transform: none;
	border: none;
} */