:root {
	--bg-main: #121212;
	--bg-card: #1e1e1e;
	--accent-gold: #b39062;
	--border-color: #2a2a2a;
	--text-color: #f0eee8;
	--font-scale: 1;
}

:root[data-theme="light"],
:root[data-tdb-theme="light"] {
	--bg-main: var(--tdb-page-bg, #f7f5ef);
	--bg-card: var(--tdb-card-bg, #fff);
	--accent-gold: var(--tdb-accent-text, #70512d);
	--border-color: var(--tdb-control-border, #d6d0c3);
	--text-color: var(--tdb-text, #292b24);
}

:root[data-theme="dark"],
:root[data-tdb-theme="dark"] {
	--bg-main: var(--tdb-page-bg, #191b18);
	--bg-card: var(--tdb-card-bg, #252823);
	--accent-gold: var(--tdb-accent-text, #e0c782);
	--border-color: var(--tdb-control-border, #5a5d50);
	--text-color: var(--tdb-text, #ece9df);
}

.term-ref {
	color: var(--accent-gold);
	border-bottom: 1px dashed var(--accent-gold);
	cursor: pointer;
	font-weight: 500;
}

.asterisk {
	color: #4ba3e3;
}

.tooltip-popup {
	position: absolute;
	z-index: 2147483647;
	box-sizing: border-box;
	width: max-content;
	max-width: min(360px, calc(100vw - 2rem));
	background: var(--bg-card);
	color: var(--text-color);
	border: 1px solid var(--border-color);
	border-left: 4px solid var(--accent-gold);
	border-radius: 8px;
	padding: 1rem;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
	font-size: calc(0.95rem * var(--font-scale));
	line-height: 1.5;
}

.tooltip-popup.hidden {
	display: none;
}

.buda-term-ref-editor-popover {
	min-width: 280px;
	padding: 12px;
}