@import url("/styles.orig.css");
/* Fjord-Theme fuer FitLog (wie Nextcloud) */
:root {
	--fj-night: #18222E; --fj-slate: #46607A; --fj-mist: #D6E0EA; --fj-on-slate: #F2F5F8;
	--fj-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
	--bg: #CBD6E0; --surface: #F6F8FA; --surface-2: #EAEFF3; --text: #1F2B37; --muted: #5B6976;
	--border: #DCE3E9; --accent: #3F5A75; --accent-2: #46607A; --accent-soft: #D6E0EA; --on-accent: #FFFFFF;
	--series-1: #3F5A75; --series-2: #C08A3E; --series-3: #7B93AB; --series-4: #A4525B; --figure: #1F2B37;
	--shadow: 0 1px 2px rgba(24, 34, 46, .06), 0 10px 30px rgba(24, 34, 46, .10);
	color-scheme: light;
}
@media (prefers-color-scheme: dark) {
	:root {
		--bg: #CBD6E0; --surface: #F6F8FA; --surface-2: #EAEFF3; --text: #1F2B37; --muted: #5B6976;
		--border: #DCE3E9; --accent: #3F5A75; --accent-2: #46607A; --accent-soft: #D6E0EA; --on-accent: #FFFFFF;
		--series-1: #3F5A75; --series-2: #C08A3E; --series-3: #7B93AB; --series-4: #A4525B; --figure: #1F2B37;
		--shadow: 0 1px 2px rgba(24, 34, 46, .06), 0 10px 30px rgba(24, 34, 46, .10);
		color-scheme: light;
	}
}
body { -webkit-font-smoothing: antialiased; }
h1, h2, h3, #page-title, .card-head h3 { font-family: var(--fj-serif); font-weight: 600; letter-spacing: .01em; }

/* Kopfzeile: Nachtblau wie in Nextcloud */
#topbar { background: var(--fj-night); border-bottom: 0; color: #E8EEF4; backdrop-filter: none; }
#topbar #page-title, #topbar .icon-btn, #topbar a, #topbar button { color: #E8EEF4; }
#topbar .icon-btn:hover { background: rgba(232, 238, 244, .12); }

/* Untere Leiste: Schieferblau mit hellen Pillen wie die Nextcloud-Seitenleiste */
#tabbar { background: var(--fj-slate); border-top: 0; }
.tab { color: rgba(242, 245, 248, .78); }
.tab.active { color: var(--fj-on-slate); }
.tab.active .tab-icon { background: var(--fj-mist); color: var(--text); }

/* Karten wie die Nextcloud-Inhaltsflaeche */
.card { background: var(--surface); border-color: var(--border); box-shadow: var(--shadow); }