:root {
	/* =========================================================
		EMY TECH SOLUTIONS
	========================================================= */

	--emy-gradient-brand: linear-gradient(135deg, #2563eb 0%, #38bdf8 18%, #22d3ee 38%, #2563eb 68%, #7c3aed 100%);
	--emy-gradient-cta: linear-gradient(135deg, #60a5fa 0%, #22d3ee 32%, #2563eb 68%, #8b5cf6 100%);
	--emy-gradient-line: linear-gradient(90deg, #2563eb 0%, #22d3ee 52%, #8b5cf6 100%);
	--emy-gradient-dropdown-active: linear-gradient(135deg, #2563eb 0%, #22d3ee 55%, #7c3aed 100%);

	--emy-glow-cyan: rgba(34, 211, 238, 0.22);
	--emy-glow-blue: rgba(37, 99, 235, 0.20);
	--emy-glow-violet: rgba(139, 92, 246, 0.18);
	--emy-radial-primary: rgba(37, 99, 235, 0.13);
	--emy-radial-secondary: rgba(34, 211, 238, 0.12);
	--emy-grid-light: rgba(37, 99, 235, 0.045);

	/* =========================================================
		TALENTHUB - LIGHT MODE / GREEN LIME
	========================================================= */

	/* GRADIENTS */
	--th-gradient-brand: linear-gradient(135deg, #064e3b 0%, #16a34a 28%, #84cc16 62%, #bef264 100%);
	--th-gradient-cta: linear-gradient(135deg, #15803d 0%, #22c55e 42%, #a3e635 100%);
	--th-gradient-line: linear-gradient(90deg, #064e3b 0%, #22c55e 48%, #bef264 100%);
	--th-gradient-card: linear-gradient(145deg, rgba(22, 163, 74, 0.08), rgba(132, 204, 22, 0.08), rgba(190, 242, 100, 0.06));

	/* TEXT */
	--th-color-text-main: #0f172a;
	--th-color-text-muted: rgba(51, 65, 85, 0.92);
	--th-color-text-soft: rgba(71, 85, 105, 0.88);
	--th-color-white: #ffffff;
	--th-color-transparent: transparent;

	/* SURFACES */
	--th-hero-bg: #ecfdf5;
	--th-section-bg-start: #f7fee7;
	--th-section-bg-end: #dcfce7;
	--th-services-bg-end: rgba(236, 253, 245, 0.86);
	--th-impact-bg-mid: #dcfce7;
	--th-impact-bg-end: #ffffff;
	--th-final-bg-start: #ffffff;
	--th-final-bg-mid: #f7fee7;
	--th-final-bg-end: #dcfce7;

	/* CARDS */
	--th-card-bg: rgba(255, 255, 255, 0.84);
	--th-card-bg-soft: rgba(255, 255, 255, 0.60);
	--th-card-bg-hover: rgba(255, 255, 255, 0.96);
	--th-card-bg-glass: rgba(255, 255, 255, 0.74);
	--th-impact-card-bg: rgba(255, 255, 255, 0.88);
	--th-impact-card-hover-bg: rgba(255, 255, 255, 0.96);
	--th-final-box-bg: rgba(255, 255, 255, 0.62);

	/* BORDERS */
	--th-border-base: rgba(100, 116, 139, 0.14);
	--th-border-section: rgba(22, 163, 74, 0.14);
	--th-border-card: rgba(100, 116, 139, 0.14);
	--th-border-glass: rgba(22, 163, 74, 0.16);
	--th-border-soft: rgba(22, 163, 74, 0.24);
	--th-border-strong: rgba(22, 163, 74, 0.58);
	--th-border-cyan: rgba(132, 204, 22, 0.42);
	--th-final-box-border: rgba(22, 163, 74, 0.20);

	/* BADGES / ICONS */
	--th-badge-bg: rgba(22, 163, 74, 0.10);
	--th-badge-border: rgba(22, 163, 74, 0.20);
	--th-badge-text: #15803d;
	--th-icon-soft-bg: rgba(22, 163, 74, 0.09);

	/* FX */
	--th-glow-indigo: rgba(22, 163, 74, 0.24);
	--th-glow-purple: rgba(132, 204, 22, 0.24);
	--th-glow-cyan: rgba(190, 242, 100, 0.26);
	--th-radial-primary: rgba(22, 163, 74, 0.13);
	--th-radial-secondary: rgba(132, 204, 22, 0.13);
	--th-radial-cyan: rgba(190, 242, 100, 0.14);
	--th-grid-light: rgba(22, 163, 74, 0.045);
	--th-grid-mask: #000000;

	/* OVERLAYS / SHADOWS */
	--th-hero-overlay-start: rgba(247, 254, 231, 0.80);
	--th-hero-overlay-end: rgba(236, 253, 245, 0.92);
	--th-overlay-white-soft: rgba(255, 255, 255, 0.08);
	--th-overlay-white-shine: rgba(255, 255, 255, 0.34);
	--th-overlay-white-strong: rgba(255, 255, 255, 0.92);
	--th-shine-soft: rgba(255, 255, 255, 0.38);
	--th-shine-strong: rgba(255, 255, 255, 0.42);

	--th-particle-bg: rgba(132, 204, 22, 0.58);
	--th-particle-shadow: rgba(132, 204, 22, 0.62);
	--th-shadow-soft: rgba(15, 23, 42, 0.08);
	--th-shadow-card: rgba(15, 23, 42, 0.10);
	--th-shadow-hover: rgba(22, 163, 74, 0.18);
	--th-shadow-service: rgba(22, 163, 74, 0.16);
	--th-final-box-shadow: rgba(15, 23, 42, 0.12);
	--th-final-box-inset: rgba(255, 255, 255, 0.46);
	--th-ring-cyan: rgba(132, 204, 22, 0.16);
	--th-ring-cyan-strong: rgba(132, 204, 22, 0.24);

	--th-brand-logo-bg: rgba(255, 255, 255, 0.16);
	--th-brand-logo-border: rgba(255, 255, 255, 0.24);
	--th-brand-logo-inset: rgba(255, 255, 255, 0.28);
	--th-brand-logo-shadow: rgba(22, 163, 74, 0.24);
	--th-brand-logo-filter: drop-shadow(0 10px 18px rgba(15, 23, 42, 0.18));

	--th-impact-logo-opacity: 0.10;
	--th-impact-logo-size: 520px;
	--th-impact-logo-right: -90px;
	--th-impact-logo-glow-opacity: 0.55;

	/* TABLES */
	--th-table-head-bg-start: rgba(236, 253, 245, 0.98);
	--th-table-head-bg-end: rgba(220, 252, 231, 0.94);
	--th-table-head-border: rgba(22, 163, 74, 0.22);
	--th-table-head-text: #064e3b;
	--th-table-head-shadow: rgba(22, 163, 74, 0.08);

	--th-table-row-hover-start: rgba(34, 197, 94, 0.13);
	--th-table-row-hover-mid: rgba(132, 204, 22, 0.08);
	--th-table-row-hover-end: rgba(255, 255, 255, 0.88);
	--th-table-row-hover-line: rgba(34, 197, 94, 0.85);
	--th-table-row-hover-border: rgba(34, 197, 94, 0.16);
	--th-table-head-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.70);
	--th-table-head-inset: rgba(255, 255, 255, 0.78);
}



[data-theme="dark"] {
	/* =========================================================
		EMY TECH SOLUTIONS - DARK MODE
	========================================================= */

	--emy-gradient-brand: linear-gradient(135deg, #ffffff 0%, #ffffff 8%, #f8fbff 16%, #dbeafe 28%, #7dd3fc 42%, #22d3ee 58%, #3b82f6 78%, #a78bfa 100%);
	--emy-gradient-cta: linear-gradient(135deg, #7dd3fc 0%, #22d3ee 28%, #3b82f6 64%, #8b5cf6 100%);
	--emy-gradient-line: linear-gradient(90deg, #ffffff 0%, #7dd3fc 18%, #22d3ee 52%, #a78bfa 100%);
	--emy-gradient-dropdown-active: linear-gradient(135deg, #60a5fa 0%, #22d3ee 48%, #8b5cf6 100%);

	--emy-glow-cyan: rgba(34, 211, 238, 0.36);
	--emy-glow-blue: rgba(59, 130, 246, 0.28);
	--emy-glow-violet: rgba(167, 139, 250, 0.26);
	--emy-radial-primary: rgba(37, 99, 235, 0.18);
	--emy-radial-secondary: rgba(34, 211, 238, 0.12);
	--emy-grid-light: rgba(34, 211, 238, 0.055);



	/* =========================================================
	TALENTHUB - DARK MODE / GREEN LIME
	========================================================= */

	/* GRADIENTS */
	--th-gradient-brand: linear-gradient(135deg, #ffffff 0%, #dcfce7 14%, #86efac 34%, #22c55e 62%, #bef264 100%);
	--th-gradient-cta: linear-gradient(135deg, #86efac 0%, #22c55e 46%, #a3e635 100%);
	--th-gradient-line: linear-gradient(90deg, #ffffff 0%, #86efac 20%, #22c55e 56%, #bef264 100%);
	--th-gradient-card: linear-gradient(145deg, rgba(34, 197, 94, 0.14), rgba(132, 204, 22, 0.14), rgba(190, 242, 100, 0.08));

	/* TEXT */
	--th-color-text-main: #ffffff;
	--th-color-text-muted: rgba(220, 252, 231, 0.80);
	--th-color-text-soft: rgba(203, 213, 225, 0.78);

	/* SURFACES */
	--th-hero-bg: #03180d;
	--th-section-bg-start: #052e16;
	--th-section-bg-end: #022c22;
	--th-services-bg-end: #052e16;
	--th-impact-bg-mid: #03180d;
	--th-impact-bg-end: #03180d;
	--th-final-bg-start: #020617;
	--th-final-bg-mid: #03180d;
	--th-final-bg-end: #020617;

	/* CARDS */
	--th-card-bg: rgba(5, 46, 22, 0.82);
	--th-card-bg-soft: rgba(5, 46, 22, 0.38);
	--th-card-bg-hover: rgba(5, 46, 22, 0.92);
	--th-card-bg-glass: rgba(5, 46, 22, 0.58);
	--th-impact-card-bg: rgba(5, 46, 22, 0.74);
	--th-impact-card-hover-bg: rgba(5, 46, 22, 0.90);
	--th-final-box-bg: rgba(5, 46, 22, 0.54);

	/* BORDERS */
	--th-border-base: rgba(148, 163, 184, 0.10);
	--th-border-section: rgba(134, 239, 172, 0.10);
	--th-border-card: rgba(134, 239, 172, 0.10);
	--th-border-glass: rgba(134, 239, 172, 0.13);
	--th-border-soft: rgba(34, 197, 94, 0.26);
	--th-border-strong: rgba(132, 204, 22, 0.60);
	--th-border-cyan: rgba(190, 242, 100, 0.44);
	--th-final-box-border: rgba(134, 239, 172, 0.14);

	/* BADGES / ICONS */
	--th-badge-bg: rgba(34, 197, 94, 0.12);
	--th-badge-border: rgba(132, 204, 22, 0.24);
	--th-badge-text: #bef264;
	--th-icon-soft-bg: rgba(255, 255, 255, 0.06);

	/* FX */
	--th-glow-indigo: rgba(34, 197, 94, 0.34);
	--th-glow-purple: rgba(132, 204, 22, 0.34);
	--th-glow-cyan: rgba(190, 242, 100, 0.30);
	--th-radial-primary: rgba(34, 197, 94, 0.18);
	--th-radial-secondary: rgba(132, 204, 22, 0.15);
	--th-radial-cyan: rgba(190, 242, 100, 0.12);
	--th-grid-light: rgba(190, 242, 100, 0.055);

	/* OVERLAYS / SHADOWS */
	--th-hero-overlay-start: rgba(3, 24, 13, 0.84);
	--th-hero-overlay-end: rgba(3, 24, 13, 0.92);
	--th-overlay-white-soft: rgba(255, 255, 255, 0.08);
	--th-overlay-white-shine: rgba(255, 255, 255, 0.30);
	--th-overlay-white-strong: rgba(5, 46, 22, 0.92);
	--th-shine-soft: rgba(255, 255, 255, 0.16);
	--th-shine-strong: rgba(255, 255, 255, 0.16);

	--th-shadow-soft: rgba(0, 0, 0, 0.20);
	--th-shadow-card: rgba(0, 0, 0, 0.24);
	--th-shadow-hover: rgba(132, 204, 22, 0.17);
	--th-shadow-service: rgba(34, 197, 94, 0.16);
	--th-final-box-shadow: rgba(2, 6, 23, 0.34);
	--th-final-box-inset: rgba(255, 255, 255, 0.12);
	--th-ring-cyan: rgba(132, 204, 22, 0.10);
	--th-ring-cyan-strong: rgba(190, 242, 100, 0.14);

	--th-brand-logo-bg: rgba(15, 23, 42, 0.42);
	--th-brand-logo-border: rgba(255, 255, 255, 0.14);
	--th-brand-logo-inset: rgba(255, 255, 255, 0.12);
	--th-brand-logo-shadow: rgba(34, 197, 94, 0.34);
	--th-brand-logo-filter: drop-shadow(0 12px 22px rgba(0, 0, 0, 0.34));

	--th-impact-logo-opacity: 0.08;
	--th-impact-logo-size: 540px;
	--th-impact-logo-right: -110px;
	--th-impact-logo-glow-opacity: 0.3;

	/* TABLES */
	--th-table-head-bg-start: rgba(5, 46, 22, 0.98);
	--th-table-head-bg-end: rgba(3, 24, 13, 0.96);
	--th-table-head-border: rgba(132, 204, 22, 0.24);
	--th-table-head-text: #bef264;
	--th-table-head-shadow: rgba(0, 0, 0, 0.28);

	--th-table-row-hover-start: rgba(34, 197, 94, 0.24);
	--th-table-row-hover-mid: rgba(132, 204, 22, 0.12);
	--th-table-row-hover-end: rgba(5, 46, 22, 0.92);
	--th-table-row-hover-line: rgba(190, 242, 100, 0.90);
	--th-table-row-hover-border: rgba(190, 242, 100, 0.12);
	--th-table-head-text-shadow: 0 0 14px rgba(190, 242, 100, 0.16);
	--th-table-head-inset: rgba(255, 255, 255, 0.06);
}