/* mika.sh — light (corporate teal) palette
   Only tokens + a few light-only surface details live here; all structure is
   in main.css. The night-mode script swaps this file for theme-dark.css. */

:root {
	--bg: #ffffff;
	--bg-rgb: 255, 255, 255;
	--surface: #f2f7f8;
	--ink: #12262a;
	--muted: #45585d;
	--faint: #8298a0;
	--line: #dde8e9;
	--accent: #0e7a86;
	--accent2: #22b6ac;
	--accent-ink: #0b5560;
	--chip-bg: #ffffff;
	--chip-ink: #33565c;
	--chip-border: #cfe1e2;
	--link: #0e7a86;
	--link-hover: #16a39a;
	--header-bg: rgba(255, 255, 255, 0.82);
	--shadow: rgba(18, 52, 58, 0.10);
	--code-bg: #edf3f3;
}

/* social icons: quiet slate at rest, unified teal on hover.
   Filters derived with https://codepen.io/sosuke/pen/Pjoqqp */
#social-icons img {
	height: 2em;
	margin-right: 1ex;
	filter: invert(35%) sepia(9%) saturate(700%) hue-rotate(150deg) brightness(92%) contrast(88%);
	transition: filter 0.15s ease;
}

#social-icons a:hover img {
	filter: invert(34%) sepia(88%) saturate(560%) hue-rotate(140deg) brightness(92%) contrast(92%) !important;
}

#MathJax_Zoom {
	background-color: var(--surface) !important;
	box-shadow: 0 10px 30px var(--shadow) !important;
	border: 1px solid var(--line) !important;
}

tbody tr { border-top: 1px solid var(--line); }

:root {
	--chip-accent-bg: #e5f0f1;
	--accent-shadow: rgba(14, 122, 134, 0.26);
}