/* Patched over getnao/nao frontend — PharmUPP brand tokens.
   Same overlay pattern as docker/*.ts for Cloud SQL.
   Sampled from the PharmUPP lockup (navy #1B4F86 / cyan #2E7799). */
:root {
	--primary: #1b4f86;
	--primary-muted: #568bbd;
	--primary-foreground: #ffffff;
	--violet: #1b4f86;
	--ring: #1b4f86;
	--gradient-brand: linear-gradient(180deg, #1b4f86 0%, #2873b8 100%);
	--gradient-brand-hover: linear-gradient(180deg, #22609b 0%, #3687d3 100%);
	--gradient-brand-border: linear-gradient(180deg, #1b4f86 0%, #081726 50.48%, #7db2e3 100%);
	--gradient-brand-foreground: #ffffff;
}

.dark {
	--primary: #4f96d8;
	--primary-muted: #568bbd;
	--primary-foreground: #ffffff;
	--violet: #4f96d8;
	--ring: #4f96d8;
	--gradient-brand: linear-gradient(180deg, #1b4f86 0%, #4f96d8 100%);
	--gradient-brand-hover: linear-gradient(180deg, #22609b 0%, #3687d3 100%);
	--gradient-brand-border: linear-gradient(180deg, #1b4f86 0%, #081726 50.48%, #7db2e3 100%);
	--gradient-brand-foreground: #ffffff;
}

/* Home watermark uses the same 737x401 canvas as stock lightLogo/darkLogo. */
img[src="/lightLogo.svg"],
img[src="/darkLogo.svg"] {
	max-width: 42rem; /* matches Tailwind max-w-2xl used by stock nao */
}

img[data-brand-logo="sidebar"] {
	width: 1.25rem;
	height: 1.25rem;
	object-fit: contain;
}

img[data-brand-logo="login"] {
	width: 5rem; /* stock NaoFullLogo is w-20 */
	height: auto;
	max-width: 11.25rem;
	object-fit: contain;
}