/*
 * Procont theme for Paca Web 0.9.7.
 *
 * Paca uses `primary` for the chromatic product accent. Its `accent` token is
 * a neutral hover surface and intentionally remains unchanged.
 */

:root {
	--lagoon: #045fab;
	--lagoon-deep: #03477f;
	--palm: #045fab;
	--kicker: #045fab;
	--link-bg-hover: rgba(4, 95, 171, 0.08);
	--hero-a: rgba(4, 95, 171, 0.09);
	--hero-b: rgba(4, 95, 171, 0.05);

	--primary: #045fab;
	--primary-foreground: #ffffff;
	--ring: #045fab;
	--sidebar-primary: #045fab;
	--sidebar-primary-foreground: #ffffff;
	--sidebar-ring: #045fab;
}

.dark {
	/* #045fab is the brand base; this lighter companion keeps small text and
	 * focus states readable against Paca's #0a0a0a dark canvas. */
	--lagoon: #58aaf2;
	--lagoon-deep: #8ac8ff;
	--palm: #58aaf2;
	--kicker: #58aaf2;
	--link-bg-hover: rgba(4, 95, 171, 0.24);
	--hero-a: rgba(4, 95, 171, 0.16);
	--hero-b: rgba(4, 95, 171, 0.09);

	--primary: #58aaf2;
	--primary-foreground: #0a0a0a;
	--ring: #58aaf2;
	--sidebar-primary: #58aaf2;
	--sidebar-primary-foreground: #0a0a0a;
	--sidebar-ring: #58aaf2;
}

a {
	text-decoration-color: rgba(4, 95, 171, 0.35);
}

.dark a {
	text-decoration-color: rgba(88, 170, 242, 0.4);
}

.dark body::before {
	background: radial-gradient(
		ellipse 70% 40% at 50% -5%,
		rgba(4, 95, 171, 0.12),
		transparent
	);
}

.feature-card:hover {
	border-color: rgba(4, 95, 171, 0.4);
}

.dark .bn-root[data-color-scheme="dark"] {
	--bn-colors-selected-text: #0a0a0a;
	--bn-colors-selected-background: #58aaf2;
}

/* Paca 0.9.7 has a few lime values compiled into arbitrary Tailwind classes
 * on the unauthenticated and forced-password-change screens. Match the DOM
 * class tokens instead of editing hashed upstream bundles. */
[class~="text-[#9ed957]"] {
	color: #58aaf2 !important;
}

[class~="bg-[rgba(158,217,87,0.12)]"] {
	background-color: rgba(88, 170, 242, 0.14) !important;
}

[class~="ring-[rgba(158,217,87,0.2)]"] {
	--tw-ring-color: rgba(88, 170, 242, 0.3) !important;
}

[class~="bg-[radial-gradient(circle,rgba(158,217,87,0.08),transparent_60%)]"] {
	background-image: radial-gradient(
		circle,
		rgba(4, 95, 171, 0.18),
		transparent 60%
	) !important;
}

[class~="bg-[radial-gradient(circle,rgba(158,217,87,0.07),transparent_60%)]"] {
	background-image: radial-gradient(
		circle,
		rgba(4, 95, 171, 0.16),
		transparent 60%
	) !important;
}