/**
 * Elibrary Test — Phase 4.1 Category Identity Tokens
 *
 * Purpose: menyediakan DNA visual per kategori tanpa mengubah layout
 * kategori lama. Full visual redesign tiap Category Experience Box
 * dilakukan pada Phase 4.3.
 *
 * Namespace: .eltax-theme-* / .eltax-category-identity-* only.
 * No external dependency.
 */

.eltax-app .eltax-box {
	--eltax-theme-accent: #2563eb;
	--eltax-theme-soft: rgba(37, 99, 235, 0.08);
	--eltax-theme-ring: rgba(37, 99, 235, 0.18);
	position: relative;
	overflow: hidden;
}

.eltax-app .eltax-box::after {
	content: "";
	position: absolute;
	width: 96px;
	height: 96px;
	right: -48px;
	top: -48px;
	border-radius: 50%;
	background: var(--eltax-theme-soft);
	pointer-events: none;
	transition: transform 0.25s ease, opacity 0.25s ease;
}

.eltax-app .eltax-box:hover::after,
.eltax-app .eltax-box:focus-visible::after {
	transform: scale(1.12);
	opacity: 1.15;
}

.eltax-app .eltax-theme-psychology {
	--eltax-theme-accent: #5b4ce2;
	--eltax-theme-soft: rgba(91, 76, 226, 0.10);
	--eltax-theme-ring: rgba(91, 76, 226, 0.20);
}

.eltax-app .eltax-theme-academic {
	--eltax-theme-accent: #2563eb;
	--eltax-theme-soft: rgba(37, 99, 235, 0.09);
	--eltax-theme-ring: rgba(245, 158, 11, 0.20);
}

.eltax-app .eltax-theme-career {
	--eltax-theme-accent: #0b74c9;
	--eltax-theme-soft: rgba(11, 116, 201, 0.09);
	--eltax-theme-ring: rgba(25, 200, 232, 0.20);
}

.eltax-app .eltax-theme-language {
	--eltax-theme-accent: #0f8b8d;
	--eltax-theme-soft: rgba(15, 139, 141, 0.09);
	--eltax-theme-ring: rgba(25, 200, 232, 0.20);
}

.eltax-app .eltax-theme-islamic {
	--eltax-theme-accent: #0b6670;
	--eltax-theme-soft: rgba(11, 102, 112, 0.10);
	--eltax-theme-ring: rgba(194, 151, 61, 0.24);
}

.eltax-app .eltax-box .eltax-box-icon {
	position: relative;
	z-index: 1;
	box-shadow: 0 7px 18px var(--eltax-theme-ring);
}

.eltax-app .eltax-box .eltax-box-title,
.eltax-app .eltax-box .eltax-box-cta {
	position: relative;
	z-index: 1;
}

.eltax-app .eltax-box .eltax-box-meta,
.eltax-app .eltax-box .eltax-box-desc {
	position: relative;
	z-index: 1;
}