/* ==========================================================
   Body / canvas + typography + glass utilities
   Light: subtle blooming radial highlights (warm + green)
   Dark : same trick with deep emerald glow
   ========================================================== */
html { scroll-behavior: smooth; }

body {
	font-family: "Nunito", "Poppins", var(--bs-font-sans-serif);
	background: var(--nm-bg);
	background-image:
		radial-gradient(900px 700px at 88% -10%, rgba(158, 197, 112, 0.28), transparent 60%),
		radial-gradient(700px 600px at -10% 110%, rgba(110, 168, 74, 0.18), transparent 60%);
	background-attachment: fixed;
	color: var(--nm-text);
	overflow-x: hidden;
}

/* :not([data-nm-theme="dark"]) body { background-color: #deecde; } */

[data-nm-theme="dark"] body {
	background-image:
		radial-gradient(900px 700px at 90% -5%, rgba(95, 217, 124, 0.10), transparent 60%),
		radial-gradient(800px 600px at -10% 110%, rgba(63, 217, 124, 0.08), transparent 60%);
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Nunito", sans-serif;
	color: var(--nm-navy);
	font-weight: 700;
}

[data-nm-theme="dark"] h1,
[data-nm-theme="dark"] h2,
[data-nm-theme="dark"] h3,
[data-nm-theme="dark"] h4,
[data-nm-theme="dark"] h5,
[data-nm-theme="dark"] h6 { color: var(--nm-text); }

a {
	color: var(--nm-accent);
	text-decoration: none;
	transition: color 0.2s;
}
a:hover { color: var(--nm-accent-2); }

label {
	font-weight: 600;
	color: var(--nm-muted);
	font-size: 13px;
}

/* --------------------------------------------------------
   Liquid glass utility — applied to surfaces that should
   pick up the canvas (sidebar, topbar, dropdowns, modals)
-------------------------------------------------------- */
.glass {
	background: var(--glass-bg);
	-webkit-backdrop-filter: var(--glass-blur);
	backdrop-filter: var(--glass-blur);
	border: 1px solid var(--glass-border);
	box-shadow: var(--glass-shadow);
}

.glass-strong {
	background: var(--glass-bg-strong);
	-webkit-backdrop-filter: var(--glass-blur);
	backdrop-filter: var(--glass-blur);
	border: 1px solid var(--glass-border);
	box-shadow: var(--glass-shadow);
}