/* ==========================================================
   KAMAS SYSTEM – public site colour refresh & polish
   Loaded AFTER style.css. Overrides theme variables only,
   so the existing layout and template are left intact.
   To revert: remove the <link> to this file in inc/head.php.
   ========================================================== */

:root {
	/* Richer, more modern brand blue (was #2CA9E0) with
	   stronger contrast against white button text */
	--theme-color: #1577D4;
	/* Deep navy instead of pure black for the button hover
	   sweep and dark buttons – feels premium, not harsh */
	--theme-color2: #0A2942;
	--theme-color-light: rgba(21, 119, 212, .08);

	/* Cooler, cleaner light background */
	--theme-bg-light: #F4F7FB;

	/* Slightly deeper body text for better readability */
	--body-text-color: #5B6576;

	/* Softer, more contemporary shadows */
	--box-shadow: 0 10px 30px rgba(10, 41, 66, .07);
	--box-shadow2: 0 8px 22px rgba(10, 41, 66, .10);
}

/* --- Small polish, safe additions --------------------------------- */

/* Buttons: a little rounder with a gentle lift on hover */
.theme-btn,
.theme-btn2 {
	border-radius: 12px;
	box-shadow: 0 8px 18px -8px rgba(21, 119, 212, .55);
	transition: transform .25s ease, box-shadow .25s ease, color .5s ease;
}
.theme-btn:hover,
.theme-btn2:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 24px -8px rgba(10, 41, 66, .45);
}

/* Links pick up the refreshed blue on hover */
a:hover {
	color: var(--theme-color);
}

/* Smoother image zoom already in template – keep card edges crisp */
.service-item,
.product-item,
.choose-item,
.team-item {
	transition: transform .3s ease, box-shadow .3s ease;
}

/* Keep selection colour on-brand */
::selection {
	background: var(--theme-color);
	color: #fff;
}