:root,
[data-nnweb-theme='dark'] {
	--nnweb-background: #050c23;
	--nnweb-foreground: #ffffff;
	--nnweb-card: #0b1435;
	--nnweb-secondary: #101a42;
	--nnweb-muted-foreground: rgba(255, 255, 255, 0.72);
	--nnweb-primary: #b0e9dc;
	--nnweb-primary-soft: #d3f2e9;
	--nnweb-primary-foreground: #050c23;
	--nnweb-border: #1e2557;
	--nnweb-ring: #b0e9dc;
	--nnweb-danger: #ff8a8a;
	--nnweb-warning: #ffc857;
	--nnweb-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);
	--nnweb-overlay: rgba(5, 12, 35, 0.55);
	--nnweb-status-open-bg: rgba(255, 200, 87, 0.18);
	--nnweb-status-open-fg: #ffc857;
	--nnweb-status-checked-bg: rgba(110, 181, 255, 0.18);
	--nnweb-status-checked-fg: #6eb5ff;
	--nnweb-status-resolved-bg: rgba(94, 233, 168, 0.18);
	--nnweb-status-resolved-fg: #5ee9a8;
	--nnweb-tooltip-bg: #050c23;
	--nnweb-tooltip-fg: #ffffff;
}

[data-nnweb-theme='light'] {
	--nnweb-background: #f1f5f9;
	--nnweb-foreground: #0f172a;
	--nnweb-card: #ffffff;
	--nnweb-secondary: #e2e8f0;
	--nnweb-muted-foreground: #475569;
	--nnweb-primary: #0d9488;
	--nnweb-primary-soft: #14b8a6;
	--nnweb-primary-foreground: #ffffff;
	--nnweb-border: #cbd5e1;
	--nnweb-ring: #0d9488;
	--nnweb-danger: #dc2626;
	--nnweb-warning: #b45309;
	--nnweb-shadow: 0 10px 40px rgba(15, 23, 42, 0.08);
	--nnweb-overlay: rgba(15, 23, 42, 0.45);
	--nnweb-status-open-bg: rgba(217, 119, 6, 0.12);
	--nnweb-status-open-fg: #b45309;
	--nnweb-status-checked-bg: rgba(37, 99, 235, 0.12);
	--nnweb-status-checked-fg: #1d4ed8;
	--nnweb-status-resolved-bg: rgba(5, 150, 105, 0.12);
	--nnweb-status-resolved-fg: #047857;
	--nnweb-tooltip-bg: #0f172a;
	--nnweb-tooltip-fg: #f8fafc;
}

[data-nnweb-theme='ocean'] {
	--nnweb-background: #041824;
	--nnweb-foreground: #f0f9ff;
	--nnweb-card: #0a2438;
	--nnweb-secondary: #0f2d47;
	--nnweb-muted-foreground: rgba(186, 230, 253, 0.72);
	--nnweb-primary: #38bdf8;
	--nnweb-primary-soft: #7dd3fc;
	--nnweb-primary-foreground: #041824;
	--nnweb-border: #1e4a6e;
	--nnweb-ring: #38bdf8;
	--nnweb-danger: #fb7185;
	--nnweb-warning: #fcd34d;
	--nnweb-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);
	--nnweb-overlay: rgba(4, 24, 36, 0.55);
	--nnweb-status-open-bg: rgba(252, 211, 77, 0.18);
	--nnweb-status-open-fg: #fcd34d;
	--nnweb-status-checked-bg: rgba(56, 189, 248, 0.2);
	--nnweb-status-checked-fg: #7dd3fc;
	--nnweb-status-resolved-bg: rgba(52, 211, 153, 0.18);
	--nnweb-status-resolved-fg: #34d399;
	--nnweb-tooltip-bg: #041824;
	--nnweb-tooltip-fg: #f0f9ff;
}

[data-nnweb-theme='forest'] {
	--nnweb-background: #051408;
	--nnweb-foreground: #ecfdf5;
	--nnweb-card: #0a1f0e;
	--nnweb-secondary: #102818;
	--nnweb-muted-foreground: rgba(167, 243, 208, 0.72);
	--nnweb-primary: #4ade80;
	--nnweb-primary-soft: #86efac;
	--nnweb-primary-foreground: #052e16;
	--nnweb-border: #1a3d24;
	--nnweb-ring: #4ade80;
	--nnweb-danger: #f87171;
	--nnweb-warning: #fbbf24;
	--nnweb-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);
	--nnweb-overlay: rgba(5, 20, 8, 0.55);
	--nnweb-status-open-bg: rgba(251, 191, 36, 0.18);
	--nnweb-status-open-fg: #fbbf24;
	--nnweb-status-checked-bg: rgba(96, 165, 250, 0.18);
	--nnweb-status-checked-fg: #60a5fa;
	--nnweb-status-resolved-bg: rgba(74, 222, 128, 0.2);
	--nnweb-status-resolved-fg: #4ade80;
	--nnweb-tooltip-bg: #051408;
	--nnweb-tooltip-fg: #ecfdf5;
}

[data-nnweb-theme='sunset'] {
	--nnweb-background: #140a08;
	--nnweb-foreground: #fff7ed;
	--nnweb-card: #241410;
	--nnweb-secondary: #2f1a14;
	--nnweb-muted-foreground: rgba(254, 215, 170, 0.72);
	--nnweb-primary: #fb923c;
	--nnweb-primary-soft: #fdba74;
	--nnweb-primary-foreground: #431407;
	--nnweb-border: #4a2518;
	--nnweb-ring: #fb923c;
	--nnweb-danger: #f87171;
	--nnweb-warning: #fbbf24;
	--nnweb-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);
	--nnweb-overlay: rgba(20, 10, 8, 0.55);
	--nnweb-status-open-bg: rgba(251, 191, 36, 0.18);
	--nnweb-status-open-fg: #fbbf24;
	--nnweb-status-checked-bg: rgba(96, 165, 250, 0.18);
	--nnweb-status-checked-fg: #93c5fd;
	--nnweb-status-resolved-bg: rgba(52, 211, 153, 0.18);
	--nnweb-status-resolved-fg: #34d399;
	--nnweb-tooltip-bg: #140a08;
	--nnweb-tooltip-fg: #fff7ed;
}

:root {
	--nnweb-sidebar-collapsed: 4rem;
	--nnweb-sidebar-expanded: 15rem;
	--nnweb-radius: 0.75rem;
	--nnweb-radius-lg: 1rem;
	--nnweb-font: 'Urbanist', system-ui, sans-serif;
	--nnweb-transition: 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

body.nnweb-app #wpadminbar {
	display: none !important;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html,
body.nnweb-app {
	margin: 0;
	min-height: 100%;
	background: var(--nnweb-background);
	color: var(--nnweb-foreground);
	font-family: var(--nnweb-font);
	font-size: 16px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}

a {
	color: var(--nnweb-primary);
	text-decoration: none;
}

a:hover {
	color: var(--nnweb-primary-soft);
}

button {
	font: inherit;
}