:root{
	
	/* Primary — signal teal */
	--primary: #0EA5A0;
	--primary-hover: #0C8C87;
	--primary-dark: #0B7672;
	
	/* Primary RGBA */
	--rgba-primary-1: rgba(14,165,160,0.1);
	--rgba-primary-2: rgba(14,165,160,0.2);
	--rgba-primary-3: rgba(14,165,160,0.3);
	--rgba-primary-4: rgba(14,165,160,0.4);
	--rgba-primary-5: rgba(14,165,160,0.5);
	--rgba-primary-05: rgba(14,165,160,0.05);
	--rgba-primary-6: rgba(14,165,160,0.6);
	--rgba-primary-7: rgba(14,165,160,0.7);
	--rgba-primary-8: rgba(14,165,160,0.8);
	--rgba-primary-9: rgba(14,165,160,0.9);
	
	/* Other */
	--secondary: #0F172A;
	--theme-text-color: #fff;
	--title: #0F172A;

	/* Kodesphere brand tokens */
	--ks-ink: #0F172A;
	--ks-ink-soft: #16233F;
	--ks-paper: #F6F7F9;
	--ks-amber: #F5A623;
	--ks-slate: #64748B;
	--ks-mint: #34D399;
	
	/* Gradient */
	--gradient: linear-gradient(89deg, #0B7672 1.12%, #0EA5A0 44%);
	--gradient-1: linear-gradient(90deg, #0B7672 47.55%, #14B8B3 100.15%);
	--gradient-2: linear-gradient(90deg, #0EA5A0 0%, #0B7672 100%);	
	--gradient-3: linear-gradient(180deg, var(--primary) 0%, #0B7672 100%);	
	
	/* Box Shadow */
	--primary-shadow: linear-gradient(90deg, #F5A623 47.55%, #E0940F 100.15%);
	
	/* extra variable */
	--theme2-bg-pattern1: url(../images/pattern/theme/bg-pattern1.svg);
	
	--theme3-bg-color: #201916;
	--theme3-secondary: #301f18;
	--theme3-secondary2: #ffdd39;
	
}